2016-12-13 24 views
-1

有不太预处理,可以嵌套CSS内的其他CSS代码代码,就像这样:我可以嵌套类标准的CSS像LESS

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

这将使.Element .AnotherElement白色的背景,它使.Element .YetAnotherElement有黑色的背景颜色。它解决了所有问题写出来,如:

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

做的第一例用CSS语法一致,还是我必须要使用小于预处理器?

回答

1

嵌套是LESS和SASS的一个特性,不是CSS原生的。

这是CSS预处理器最常见的用途之一,但它们提供了更多。

+0

谢谢!我想了很多,但我不确定。 –

0

不,css不支持此语法,在您的css示例中,“Element”和“AnotherElement”将接收此属性,AnotherElement将不会继承Element的属性。