[分享]css3支持嵌套样式

CSS3支持嵌套样式

.selector1 {
   property1: value1;
   property2: value2;
   .selector2 {
      property1: value1;
      property2: value2;
   }
}

.selector3 {
   property1: value1;
   property2: value2;
   .selector4 {
      property1: value1;
      property2: value2;
   }
} 

CSS3的新特性中，支持了嵌套样式的写法，这样我们可以更加方便地管理样式。例如在上面的代码中，我们可以在定义selector1时，嵌套定义selector2的样式，这样就可以在一起管理这两个选择器的样式，避免了重复的定义。

另外，在嵌套的选择器中，我们也可以定义样式继承，例如在selector2中，我们可以定义对某个元素的样式继承自selector1，更加方便地重用样式。

需要注意的是，CSS3嵌套样式虽然方便，但也可能导致代码的可读性变差，特别是在多层嵌套时。因此，在编写代码时需要谨慎使用。