當(dāng)前位置：首頁 > 前端技术 > CSS >内容正文

CSS

CSS的优先级和继承性

發(fā)布時間：2025/4/5 CSS 37 豆豆

生活随笔收集整理的這篇文章主要介紹了 CSS的优先级和继承性小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.

1、優(yōu)先級是指如果多個選擇器作用于同一個元素時，CSS的處理規(guī)定；
2、對于優(yōu)先級CSS總的原則是：越特殊的樣式，優(yōu)先級越高；
3、具體的說，優(yōu)先級規(guī)則是：!important>行內(nèi)樣式>ID樣式>類別樣式>標(biāo)記樣式，可參考下圖：

4、通過優(yōu)先級規(guī)則我們可以知道：如果子元素定義的樣式和父元素定義的樣式?jīng)_突，則以子元素自己的樣式為準(zhǔn)；如果沒有發(fā)生沖突，則子元素則繼承父元素的樣式風(fēng)格；
5、特別的，繼承來的樣式的優(yōu)先級要比元素具有的默認(rèn)優(yōu)先級低，如下面這個例子：

1 <style type="text/css" > 2 /*body標(biāo)記選擇器*/ 3 body{ 4 text-align: center; 5 font-size: 12px; 6 text-decoration: underline; 7 } 8 /*em標(biāo)記選擇器*/ 9 em{ 10 font-weight: bold; 11 font-size:30px; 12 color: red; 13 } 14 /*自定義了一個名為right的類選擇器*/ 15 .right{ 16 text-align: right; 17 color: green; 18 font-weight: bold; 19 } 20 </style> 21 22 <body> 23 <h2>重視大腦的學(xué)習(xí)指南</h2> 24 <p>網(wǎng)頁設(shè)計之CSS</p> 25 <p><em>從零開始</em>學(xué)習(xí)網(wǎng)頁設(shè)計</p> 26 <p class="right">CSS的優(yōu)先性和繼承性</p> 27 </body>

轉(zhuǎn)載于:https://www.cnblogs.com/roytanlu/archive/2012/05/01/2477575.html

總結(jié)

以上是生活随笔為你收集整理的CSS的优先级和继承性的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。