CSS公共類的繼承性 · css3

## 公共樣式公共屬性的優點：在HTML中盒子元素中大家如果有一個共同的事件，比如一起設置顏色高低等，就可用一起操作了。就可以都設置一個共同的樣式。列如DIV盒子中寫法： ``` <div class="xos xob"> </div> ``` ## **在同一個元素中同時設有 .a 和.b屬性** <h3>假如 div 中.a設置了寬100px;高度100px; 那么同時設置 .a .b ``` <div class="a b"> ``` .a{ width: 100px; height: 100px; } 這個時候b屬性也是width: 100px; height: 100px; 如果給.b設置一個邊框那么就會圍繞盒子一圈。這就是公共類的繼承性。 .a的屬性和.b的權重是一樣的。</h3> <h3><p style="color:red"> 如果給a設置了寬高等等屬性，那么給b進行定位屬性，那么等同于給a進行定位。</p></h3> ## 代碼案例： ``` <style> .bos{ width: 500px; height: 500px; margin:100px auto; background-color: rgb(104, 141, 129); } .csc { border:5px solid red; color:rgb(248, 203, 0); } </style> <body> <div class="bos csc"> <div class="s">你好</div> <div class="p">我是</div> <div class="c">公共類</div> </div> ``` 如圖： ![](https://img.kancloud.cn/2e/c2/2ec22052e1faffaa120207d0f0f872bd_1354x869.png)