CSS高级语法

选择器分组

您可以对选择器进行分组,被分组的选择器可以分享相同的声明。选择器直接之间用逗号进行分开。列子如下

对h1,h2文字设置为红色
h1,h2{
    color:red;
}

CSS继承

根据CSS规则,子元素从父元素继承属性,但有时却不是按照这个规则进行。

body{
    color:red;
}

根据上面的规则,body的子元素的将字体的颜色都设置为红色。

通过CSS继承,子元素将继承最高级元素(本例子中是body)所拥有的属性,所有的body元素的子元素都被字体设置字体为红色。但在老的浏览器中有的部分浏览器却不是这样的,例如:Netscape 4 就不支持继承,它不仅忽略继承,而且也忽略应用于 body 元素的规则。IE/Windows 直到 IE6 还存在相关的问题,在表格内的字体样式会被忽略。

对于Netscape 4无法继承的问题

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

p, td, ul, ol, li, dl, dt, dd  {
     font-family: Verdana, sans-serif;
     }

对于不想继承的问题,对于标签进行重新的配置,则可以

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;
     }