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. 参考链接
—————————————————————————
 
 
 
(完)
上一篇:SpringMVC注解@RequestMapping之produces属性导致的406错误


下一篇:分离EF connectionString里的db连接串