如何多重CSS样式定义

html-css031

如何多重CSS样式定义,第1张

如果某些属性在不同的样式表中被同样的选择器定义，那么属性值将从更具体的样式表中被继承过来。

例如，外部样式表拥有针对 h3 选择器的三个属性：

h3 { color: redtext-align: leftfont-size: 8pt}而内部样式表拥有针对 h3 选择器的两个属性：

h3 { text-align: rightfont-size: 20pt}假如拥有内部样式表的这个页面同时与外部样式表链接，那么 h3 得到的样式是：

color: redtext-align: rightfont-size: 20pt即颜色属性将被继承于外部样式表，而文字排列（text-alignment）和字体尺寸（font-size）会被内部样式表中的规则取代。

CSS 允许应用纯色作为背景，也允许使用背景图像创建相当复杂的效果。

CSS 在这方面的能力远远在 HTML 之上。

例如：

<div class="div1"><a>1</a></div>

<div class="div2"><a>1</a></div>

<div class="div3"><a>1</a></div>

<div class="div4"><a>1</a></div>

<style>

.div1,.div2,.div3,.div4 a:hover{color:red}

.div1,.div2,.div3,.div4 a:link{color:#ddd}

</style>

每一个都要加上点

按照样式定义：

.div1,.div2,.div3,.div4 a:hover {}

.div1,.div2,.div3,.div4 a:link {}

如果你的div 的名字是div1~4,那么应该使用

#div1,#div2,#div3,#div4