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

資訊專(zhuān)欄INFORMATION COLUMN

css選擇class中的第一個(gè)怎么選？使用first-of-type？

tanglijun / 2179人閱讀

摘要：找到結(jié)構(gòu)里面的所有的標(biāo)簽記作如果最后一個(gè)元素的為，把字體顏色改為

Dom結(jié)構(gòu)


    我是span
    
我是h1

    
我是h1

    
我是h1

    
我是h1

    
我是h1

1.指定標(biāo)簽

h1:first-of-type {
    color: red;
    // #test底下所有的h1找出來(lái)，其中第一個(gè)h1的字體顏色改為red；
}

2.指定class

.hha:first-of-type {
    color: blue;
    // 1.找到所有class為hha的標(biāo)簽，上面的Dom結(jié)構(gòu)里有
、;
    // 2.找到Dom結(jié)構(gòu)所有h1、span（為了方便理解記作list1，list2）；
    // 3.如果list1、list2中第一個(gè)標(biāo)簽的class是hha，第一個(gè)class為hha的字體改為blue;
}

舉一反三，下面的代碼會(huì)把字體顏色改為orange？

.hha:last-of-type {
  color: orange;
}

以h1標(biāo)簽為例，所以第一步省略。
2.找到Dom結(jié)構(gòu)里面的所有的h1標(biāo)簽（記作list3）

3.如果list3最后一個(gè)元素的class為hha，把字體顏色改為orange

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

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

相關(guān)文章

  • CSS 選擇器

    摘要：加號(hào)相連的兩個(gè)選擇器實(shí)現(xiàn)同級(jí)緊鄰的元素選擇的功能。我最好的朋友是米老鼠。樣式緊挨的第一個(gè)同級(jí)元素是我最好的朋友是米老鼠。注意區(qū)分新增的屬性選擇器。是中新增的選擇器，用于標(biāo)示當(dāng)前處于活動(dòng)的錨標(biāo)記。選擇器的取反，這個(gè)很好理解。 概覽 在 CSS 中，選擇器用于選擇需要添加樣式的元素。 CSS 選擇器非常豐富，現(xiàn)將 CSS 1 - 3 目前所有的選擇器列舉如下。 選擇器 例子 例子描述 ...

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

  • CSS 1-選擇器

    摘要：當(dāng)兩個(gè)規(guī)則的權(quán)值相同時(shí)，誰(shuí)更具體用誰(shuí)，也就是權(quán)值高的選擇器作用的越具體優(yōu)先級(jí)越高。 CSS選擇器 1.id選擇器 #id{ } ,#id選中元素2.類(lèi)選擇器 .class{ } ,.類(lèi)名稱(chēng)選中元素3.標(biāo)簽選擇器 div{ } ,標(biāo)簽名選中元素4.通配符選擇器 { } ,選中所有元素5.組合選擇器：分組選擇器 E,F ，逗號(hào)隔開(kāi)，同時(shí)選中E,F元素后代選擇器 E F 空格隔開(kāi)，選中E元素...

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

  • 我終于理解了偽類(lèi)和偽元素

    摘要：偽類(lèi)和偽元素，對(duì)于絕大多數(shù)同學(xué)來(lái)說(shuō)，都是耳熟能詳?shù)拿?，但確實(shí)又有很多人搞不清楚它們之間的區(qū)別，以致于混淆概念。除了上面這個(gè)本質(zhì)區(qū)別以外，在中，偽類(lèi)用單冒號(hào)表示而偽元素用雙冒號(hào)表示。 showImg(https://segmentfault.com/img/bV4WC1?w=510&h=310); 偽類(lèi)和偽元素，對(duì)于絕大多數(shù)同學(xué)來(lái)說(shuō)，都是耳熟能詳?shù)拿?，但確實(shí)又有很多人搞不清楚它們之間...

    張遷 評(píng)論0 收藏0

  • 前端面試題-偽類(lèi)和偽元素

    摘要：四偽類(lèi)列舉狀態(tài)偽類(lèi)狀態(tài)偽類(lèi)是基于元素當(dāng)前狀態(tài)進(jìn)行選擇的。目前，只有火狐瀏覽器支持偽類(lèi)，并在火狐瀏覽器中使用時(shí)需要添加前綴試驗(yàn)階段。 一、偽類(lèi)和偽元素的引入 1. 規(guī)范說(shuō)明 CSS introduces the concepts of pseudo-elements and pseudo-classes to permit formatting based on information...

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

  • 前端面試題-偽類(lèi)和偽元素

    摘要：四偽類(lèi)列舉狀態(tài)偽類(lèi)狀態(tài)偽類(lèi)是基于元素當(dāng)前狀態(tài)進(jìn)行選擇的。目前，只有火狐瀏覽器支持偽類(lèi)，并在火狐瀏覽器中使用時(shí)需要添加前綴試驗(yàn)階段。 一、偽類(lèi)和偽元素的引入 1. 規(guī)范說(shuō)明 CSS introduces the concepts of pseudo-elements and pseudo-classes to permit formatting based on information...

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

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

0條評(píng)論

閱讀需要支付1元查看
<