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. 参考链接
—————————————————————————
(完)