CSS. прописывание элемента внутри класса

Делается это только через препроцессоры. Почитайте про LESS, SASS, SCSS и т.д.

Код, который Вы указали, браузеры воспринимать не будут. Препроцессоры компилируют

.class1{
  height: 200px;      
   h1 {
       color: black;
   }      
} 

в

.class1{
  height: 200px;           
} 
.class1 h1 {
  color: black;
}   

Что очень удобно. Советую так же почитать про сборщики проектов: gulp, webpack и т.д.

Речь о препроцессорах. Например в SCSS это может выглядеть так:

.class {
  color: black;
  &:hover {
    color: red;
  }
} 

После компиляции получится такой CSS:

 .class { color: black;}
 .class:hover { color: red;}

Препроцессоров много и функций у них гораздо больше.