CSS選擇器(二)

前面我們講了css選擇器的種類,現(xiàn)在來說說css選擇器的規(guī)則。

一,css的級聯(lián)規(guī)則

很多時候有幾個css規(guī)則應用在同一個元素上,那么這時候就要理解級聯(lián)規(guī)則了。

1.就近原則:如果兩個或者更多個選擇器相同,那么后出現(xiàn)的選擇器優(yōu)先級較高(后面的選擇器將會被應用)。

2.具體性原則:如果一個選擇器比其他選擇器更加具體,那么具體的選擇器優(yōu)先于一般的選擇器,如元素選擇器比通用選擇器具體。

3.重要性:可以在選擇器的屬性值后面加上!important來強調(diào)這條規(guī)則比應用于同一元素的其他規(guī)則更重要。

二,繼承

1.如果父元素應用了css規(guī)則,那父元素下的子元素也被強制使用此規(guī)則。

2.注意:background-color屬性和border屬性不能被子元素繼承。

3.可將屬性值設置為inherit,這樣就可以強制大多數(shù)元素繼承父元素的屬性值。

OK,我們就講完了喔。期待下一篇文章吧!

最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 14,114評論 1 92
  • Spring Cloud為開發(fā)人員提供了快速構建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,535評論 19 139
  • 半壺炎夏半壺心,無風無雨喚酒醒。 料想年年春過處,一池清水一池云。
    柴道一閱讀 202評論 0 1
  • 有一種朋友,你們留有對方的QQ、微信、手機等聯(lián)系方式,你很難用好朋友、閨蜜、姐妹來形容,因為你們壓根平常就不聯(lián)系,...
    不加雞精味精閱讀 7,881評論 0 2
  • 查查蝸牛閱讀 2,108評論 7 6

友情鏈接更多精彩內(nèi)容