成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

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

MkkHou / 1820人閱讀

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

一、css樣式的繼承性:

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

 
         < div>
              
我是大標(biāo)題

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

3.2 h標(biāo)簽的文字大小也是不能繼承父元素的(見(jiàn)上面代碼，

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

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

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

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/1085.html

相關(guān)文章

  • CSS的三大特性

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

    duan199226 評(píng)論0 收藏0

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

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

    WilsonLiu95 評(píng)論0 收藏0

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

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

    番茄西紅柿 評(píng)論0 收藏0

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

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

    cppprimer 評(píng)論0 收藏0

  • WEB前端 CSS

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

    darry 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<