前面，我们讲述了CSS的常规声明方式，即采用“selector{property:value}”的方式来定义，此外还有“集体声明”和“嵌套声明”两种方式。
在集体声明里，我们可以为多个HTML标签声明同一个CSS样式，比如在下面的CSS代码里，同时为h1到h5标签声明了相同的样式。
1.h1,h2,h3,h4,h5,p{
2.color:red;
3.}
此外，还可以通过嵌套的方式，对特殊位置(一般是多层嵌套)的HTML标签进行声明，比如，当<p>标签里包含<b>时，就可以使用嵌套选择器进行控制。通过下面的代码，我们能更深刻地了解“嵌套”的含义。
1.p b{
2. color:blue;
3. font-family:arial
4.}
第1行里，声明了p标签(段落标签)内部的b标签(字体加粗标签)的样式，请注意这个CSS仅仅在嵌套时有效，面对单独的b标签是无效的。
注意：通过在CSS里编写选择器的嵌套代码，我们能大大减少class和id的声明。具体的做法是：通过只给外层标记定义class或者id来引入CSS样式，而内层标记通过嵌套表示来引入样式，而不需再定义新的class或id。
最新文章
热门文章
猜你喜欢
