成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

css樣式的繼承性、層疊性 、優(yōu)先級

MkkHou / 1754人閱讀

摘要：一樣式的繼承性作用給父元素設(shè)置一些屬性，子元素也可以使用應(yīng)用場景一般用于設(shè)置網(wǎng)頁上的一些共性信息，例如網(wǎng)頁的文字顏色，字體，文字大小等內(nèi)容。

一、css樣式的繼承性:

作用：給父元素設(shè)置一些屬性，子元素也可以使用 應(yīng)用場景： 一般用于設(shè)置網(wǎng)頁上的一些共性信息，例如網(wǎng)頁的文字顏色，字體，文字大小等內(nèi)容。優(yōu)化代碼，降低工作量 注意點： 1.并不是所有的屬性都可以繼承，、 只有color/font-/text-/ line開頭的屬性才能繼承； 2.在css的繼承中，不僅僅是兒子可以繼承，只要是后代 都能繼承 3.繼承性中的特殊性 3.1 a標簽的文字和顏色 和下劃線是不能繼承父元素的——舉例： 

 
         < div>
              
我是大標題

              我是超鏈接
               
我是段落
（上面的代碼，只有p繼承了div設(shè)置的屬性，而a標簽是不能繼承父元素的屬性,顏色不會變紅，下劃線也不會被去掉）

3.2 h標簽的文字大小也是不能繼承父元素的(見上面代碼，

標簽中我是大標題不會繼承
的? ?font-size:24px;屬性，所以需要給

多帶帶寫個css樣式：h1{font-size:24px;}

應(yīng)用場景： 一般用于設(shè)置網(wǎng)頁上的一些共性信息，例如網(wǎng)頁的文字顏色， 字體，文字大小燈內(nèi)容 格式： body{屬性：值;} ? 二、層疊性 比如p標簽，給p標簽設(shè)置id和class類名，選擇器上選擇p 和p的id或者class類名，設(shè)置相同的屬性，就是層疊性 ? 三、優(yōu)先級：（三一） 作用：當多個選擇器（比如選擇p標簽和p標簽里設(shè)置的id或者class昵稱），選中同一個標簽，并且給同一個標簽設(shè)置相同的屬性時， 如何層疊就優(yōu)先級來確定。 2.優(yōu)先級判斷的三種方式 2.1 是否直接選中，直接選中指的是直接選中要設(shè)置css樣式的標簽，和標簽的id或者class類名。（間接選中就是指的是繼承性，比如選擇
    那里面的li繼承ul的屬性，就稱為繼承屬性） 如果是間接選中，誰離目標標簽比較近就聽誰的。 2.2是否是相同的選擇器。 如果是相同選擇器，那么就是誰寫在后面就聽誰的。（比如給兩個p標簽設(shè)置css樣式 p{color:blue} p{color:red｝ 那么就會以第二個p為標準，文字變成紅色 ? 2.3不同的選擇器 如果都是直接選中，并且不是相同類型的選擇器，那么就會按照 選擇器的優(yōu)先級來層疊 id>類>標簽>通配符>繼承>瀏覽器默認 ? ? 權(quán)重計算 ? 如果選擇器里有直接選中和間接選中。哪怕是間接的選擇器為id選擇器，也會優(yōu)先實行直接選中的效果

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/1085.html

相關(guān)文章

  • CSS的三大特性

    ? 本文內(nèi)容： ? 層疊性 繼承性 優(yōu)先級 權(quán)重計算方法（特異性） ? ? 首發(fā)日期：2018-05-01 層疊性： 層疊性是指當一個標簽被設(shè)置了多個重復(fù)的樣式的時候，一個屬性會覆蓋另外一個屬性。 比如：先給div設(shè)置背景顏色為紅色，然后設(shè)置背景顏色為粉紅色，那么最終顏色可能為紅色，也可能為粉紅色（明顯的兩種顏色設(shè)置不能并立，所以只為其一，這里沒給出確定答案是因為還要考慮優(yōu)先級...

    duan199226 評論0 收藏0

  • 【譯】CSS繼承、層疊和全局作用域

    摘要：相反的，提供了全局作用域和局部作用域。組成界面的分子的樣式可以通過元素選擇器定位。元素選擇器的優(yōu)先級很低，因此他們不會覆蓋任何基于類選擇器的樣式。使用元素選擇器有以下優(yōu)點避免了的冗長沒有冗余的類。 最近學(xué)習(xí)到CSS的繼承屬性，正好看到這篇文章，便將它翻譯出來。作者的思想，在平時的項目中或多或少都有用過，但是從來沒有仔細去思考如何利用這些特性讓代碼更加優(yōu)雅。 我熱愛模塊化設(shè)計。長期以來，...

    WilsonLiu95 評論0 收藏0

  • CSS節(jié)選——選擇器

    摘要：，，層疊樣式表，請留意層疊概念。為了區(qū)分偽類和偽元素，偽元素采用雙冒號寫法。常見偽類。常見偽元素。和偽元素的用法和下特有的，用于在渲染中向元素邏輯上的頭部或尾部添加內(nèi)容。CSS，cascading style sheet，層疊樣式表，請留意層疊概念。 css3為了區(qū)分偽類和偽元素，偽元素采用雙冒號寫法。 常見偽類——:hover,:link,:active,:targ...

    番茄西紅柿 評論0 收藏0

  • 【零基礎(chǔ)入門】 css學(xué)習(xí)筆記（3） 選擇器 與 層疊性

    摘要：，高級選擇器后代選擇器空格表示后代選擇器就是的后代所有的。注意是后代，并不一定是兒子空格可以出現(xiàn)多次補充后代選擇器中出現(xiàn)的東西很靈活，可以是標簽，可以是名，可以是名后代選擇器，就是一種平衡共性特性的平衡。 一，選擇器 1，基礎(chǔ)選擇器 1） 標簽選擇器：div{ } ，選擇的所有，而不是一個，用來描述共性。 2） 類選擇器：.class名{ } 多個元素可以同時屬...

    cppprimer 評論0 收藏0

  • WEB前端 CSS

    摘要：后代選擇器，兒子選擇器，毗鄰選擇器，弟弟選擇器。后代選擇器后代選擇器標簽選擇器后跟標簽后代，無論直屬還是間接直屬，直接后代毗鄰后代中最近的一個弟弟，找到和自己同級的標簽如通過多個選擇器好到具體的標簽。目錄 WEB前端 CSS WEB前端 CSS TOC CSS簡介 CSS引入方式 CSS結(jié)構(gòu) CSS選擇器 標簽選擇...

    darry 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<