摘要:找到結(jié)構(gòu)里面的所有的標簽記作如果最后一個元素的為,把字體顏色改為
Dom結(jié)構(gòu)
我是span我是h1
我是h1
我是h1
我是h1
我是h1
1.指定標簽
h1:first-of-type { color: red; // #test底下所有的h1找出來,其中第一個h1的字體顏色改為red; }
2.指定class
.hha:first-of-type { color: blue; // 1.找到所有class為hha的標簽,上面的Dom結(jié)構(gòu)里有、; // 2.找到Dom結(jié)構(gòu)所有h1、span(為了方便理解記作list1,list2); // 3.如果list1、list2中第一個標簽的class是hha,第一個class為hha的字體改為blue; }
舉一反三,下面的代碼會把字體顏色改為orange?
.hha:last-of-type { color: orange; }
以h1標簽為例,所以第一步省略。
2.找到Dom結(jié)構(gòu)里面的所有的h1標簽(記作list3)
3.如果list3最后一個元素的class為hha,把字體顏色改為orange
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/117180.html
摘要:偽類和偽元素,對于絕大多數(shù)同學(xué)來說,都是耳熟能詳?shù)拿郑_實又有很多人搞不清楚它們之間的區(qū)別,以致于混淆概念。除了上面這個本質(zhì)區(qū)別以外,在中,偽類用單冒號表示而偽元素用雙冒號表示。 showImg(https://segmentfault.com/img/bV4WC1?w=510&h=310); 偽類和偽元素,對于絕大多數(shù)同學(xué)來說,都是耳熟能詳?shù)拿郑_實又有很多人搞不清楚它們之間...
摘要:四偽類列舉狀態(tài)偽類狀態(tài)偽類是基于元素當前狀態(tài)進行選擇的。目前,只有火狐瀏覽器支持偽類,并在火狐瀏覽器中使用時需要添加前綴試驗階段。 一、偽類和偽元素的引入 1. 規(guī)范說明 CSS introduces the concepts of pseudo-elements and pseudo-classes to permit formatting based on information...
摘要:四偽類列舉狀態(tài)偽類狀態(tài)偽類是基于元素當前狀態(tài)進行選擇的。目前,只有火狐瀏覽器支持偽類,并在火狐瀏覽器中使用時需要添加前綴試驗階段。 一、偽類和偽元素的引入 1. 規(guī)范說明 CSS introduces the concepts of pseudo-elements and pseudo-classes to permit formatting based on information...
閱讀 2458·2021-09-28 09:36
閱讀 3597·2021-09-22 15:41
閱讀 4383·2021-09-04 16:45
閱讀 1956·2019-08-30 15:55
閱讀 2847·2019-08-30 13:49
閱讀 825·2019-08-29 16:34
閱讀 2370·2019-08-29 12:57
閱讀 1679·2019-08-26 18:42