Могу ли я классы гнездятся в стандартном CSS, как в МЕНЬШЕ

Question

С МЕНЬШЕ препроцессором, Вы можете закодировать гнездо CSS внутри другого кода CSS, как это:

.Element { 
    .AnotherElement { 
     background-color: #FFF; 
    } 
    .YetAnotherElement { 
     background-color: #000; 
    } 
} 

Это позволит сделать фон .Element .AnotherElement белыми, и это делает .Element .YetAnotherElement имеют цвет фона черного. Он делает все это без написания его как:

.Element .AnotherElement { 
    background-color: #FFF; 
} 
.Element .YetAnotherElement { 
    background-color: #000; 
} 

совпадают ли первый пример с синтаксисом CSS, или я должен использовать МЕНЬШЕ препроцессор?

Answer 1

Вложение - это функция LESS и SASS, не относящаяся к CSS.

Это одно из самых распространенных применений для препроцессоров CSS, но они предлагают намного больше.

Answer 2

Нет, css не поддерживает этот синтаксис, в вашем примере css «Элемент» и «Другой элемент» будут получать эти свойства, AnotherElement не наследует свойства элемента.