CSS基础语法:选择器与声明
CSS 选择器的分组
对选择器进行分组,被分组的选择器共享相同的声明。用逗号将需要分组的选择器分开。
在下面的例子中,对所有的标题元素进行了分组。所有的标题元素都是绿色的。
CSS 继承
CSS 中,子元素从父元素继承属性。站点的 body 元素将使用 Verdana 字体(前提是用户系统中存在该字体)。
通过 CSS 继承,子元素将继承最高级元素所拥有的属性,不需要另外的规则。
所有 body 的子元素(如 p, td, ul, ol, ul, li, dl, dt,和 dd)都将显示 Verdana 字体,子元素的子元素也一样。
然而并不是所有的浏览器都按照此方式工作,我们可以通过“冗余法则”来处理旧式浏览器无法理解继承的问题。
冗余法则
子元素取消继承
如果你不希望 "Verdana, sans-serif" 字体被所有的子元素继承,又该怎么做呢?
比如,你希望段落的字体是 Times。那么,创建一个针对 p 的独立规则,它就会摆脱父元素的规则:
对选择器进行分组,被分组的选择器共享相同的声明。用逗号将需要分组的选择器分开。
在下面的例子中,对所有的标题元素进行了分组。所有的标题元素都是绿色的。
h1,h2,h3,h4,h5,h6 {color: green;}
CSS 继承
body {font-family: Verdana, sans-serif;}
继承及其问题CSS 中,子元素从父元素继承属性。站点的 body 元素将使用 Verdana 字体(前提是用户系统中存在该字体)。
通过 CSS 继承,子元素将继承最高级元素所拥有的属性,不需要另外的规则。
所有 body 的子元素(如 p, td, ul, ol, ul, li, dl, dt,和 dd)都将显示 Verdana 字体,子元素的子元素也一样。
然而并不是所有的浏览器都按照此方式工作,我们可以通过“冗余法则”来处理旧式浏览器无法理解继承的问题。
冗余法则
body {font-family: Verdana, sans-serif;}
p, td, ul, ol, li, dl, dt, dd {font-family: Verdana, sans-serif;}
子元素取消继承
如果你不希望 "Verdana, sans-serif" 字体被所有的子元素继承,又该怎么做呢?
比如,你希望段落的字体是 Times。那么,创建一个针对 p 的独立规则,它就会摆脱父元素的规则:
body {font-family: Verdana, sans-serif;}
td, ul, ol, ul, li, dl, dt, dd {font-family: Verdana, sans-serif;}
p {font-family: Times, "Times New Roman", serif;}
2016-07-15 2161人浏览

评论