CSS 多重样式

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

比如下面的代码,外部样式表拥有针对 h3 选择器的三个属性

h3
{
    color:red;
    text-align:left;
    font-size:8pt;
}

内部样式表拥有针对 h3 选择器的两个属性

h3
{
    text-align:right;
    font-size:20pt;
}

假如拥有内部样式表的这个页面同时与外部样式表链接,那么 h3 得到的样式是

{
    color:red;
    text-align:right;
    font-size:20pt;
}

即颜色属性将被继承于外部样式表,而文字排列(text-alignment)和字体尺寸(font-size)会被内部样式表中的规则取代

链接: https://www.fly63.com/course/4_187