多个css如何覆盖前面的属性

html-css06

多个css如何覆盖前面的属性,第1张

遵循后面的覆盖前面的，以及只覆盖相同属性的原则，比如：

.class1 {width:100pxheight:200px}

.class1 {width:300px}

那么实际生效的css是：width:300pxheight:200px

请按照下面标准执行即可；

1.行内样式＞指定样式＞通用class样式>通用未指定CLASS样式

2.例子：

1）<div style="...">aaaaaa</a>这就是指定用style的行内样式；

2）<div id="side" >aaaaaa</div>这就是指定id使用side样式；

3）<div class="ot">aaaaaa</div>这就是指了通用的class为ot的样式；

4）如<body><table><tr><th>这些一开始样式文件就定义好全程的样式，为通用为指定的样式；

最高就是指行内样式，接着就是指定ID的，然后就是CLASS，最后就是未指定通用样式；