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 高级语法

(完)