CSS 高级语法 ---- 继承和选择器的分组

1. 选择器的分组

—————————————————————————

 

可以对选择器进行分组，被分组的选择器享用共同的声明。

 

h1,h2,h3,h4,h5,h6 {
    color: green;
}

 

上面代码里，标题元素享用了同一个声明，所有的标题元素都是绿色的。

 

 

2. 继承

—————————————————————————

 

CSS 中，子元素会从父元素继承属性。

 

body {
    font-family: Verdana, sans-serif;
}

 

根据上面的规则，页面的 body 元素将使用 Verdana 字体(假如访问者的系统里存在这个字体的话)。

 

通过 CSS 的继承，子元素(可能是 h1、p、td、li 等)将继承最高元素(这里是 body)所拥有的属性，显示 Verdana 字体，子元素的子元素也一样。

 

 

3. 摆脱继承的诅咒

—————————————————————————

 

如果你不希望“Verdana, sans-serif”字体被所有的子元素继承，你可以针对特定的标签元素进行设定，比如下面的 p 元素。

 

body  {
    font-family: Verdana, sans-serif;
}
 
p  {
    font-family: Times, "Times New Roman", serif;
}

 

P 元素有自己的字体显示规则。

 

 

4. 参考链接

—————————————————————————

 

1. W3School CSS 高级语法

 

 

(完)