Css繼承

css的某些樣式具有繼承性的,它允許樣式不僅應(yīng)用于某個特定的html標(biāo)簽元素,而且可以用于其后代。

但是有些樣式不具有繼承性,比如 border:1px solid red;

p{border:1px solid red;}

<p>xxxxxxx,xxx<span>我說你好</span>xxxxx</p>

其中子元素span就沒起到作用


特殊性(優(yōu)先級)

我們?yōu)橥辉卦O(shè)置不同的樣式,會有什么變化呢:如

p{color:red;}

.first{color:green;}

<p class=first>xxxxxxx</p> ? ?答案是字體為綠色,因?yàn)閏lass的權(quán)值比標(biāo)簽權(quán)值大


層疊

css樣式中出現(xiàn)相同的權(quán)值時,順序后面的會覆蓋前面的

重要性

我們在做網(wǎng)頁代碼的時,有些特殊的情況需要為某些樣式設(shè)置具有最高權(quán)值,怎么辦?這時候我們可以使用!important來解決,比如:

P{color:red!important;}

p{color:green;} ? ?最后顯示的是紅色

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

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

  • 1.CSS的某些樣式是具有繼承性的,那么什么是繼承呢?繼承是一種規(guī)則,它允許樣式不僅應(yīng)用于某個特定html標(biāo)簽元素...
    阿r阿r閱讀 226評論 0 1
  • CSS基礎(chǔ) 本文包括CSS基礎(chǔ)知識選擇器(重要?。。。├^承、特殊性、層疊、重要性CSS格式化排版單位和值盒模型浮動...
    廖少少閱讀 3,452評論 0 40
  • 學(xué)習(xí)CSS的最佳網(wǎng)站沒有之一 http://www.w3school.com.cn/tags/index.asp ...
    Amyyy_閱讀 1,192評論 0 1
  • 目錄 【連載】八零那個年代——目錄 上一章【連載】八零那個年代——第六十三章 大海是綠色的 沒有華麗的辭藻,沒有...
    懷雙閱讀 456評論 11 15
  • 晨 我喜歡你 那是我那年從未敢開口的詞語 我不敢 不敢去直言面對自己的心 那年 她和我是同桌 她是學(xué)校的?;?而我...
    軼晨閱讀 145評論 0 0

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