色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

css普通相鄰兄弟選擇器

老白2年前11瀏覽0評論

CSS中的選擇器有很多種,常見的有id選擇器、class選擇器、標簽選擇器等等。本文要介紹的是CSS中的普通相鄰兄弟選擇器。

相鄰兄弟選擇器是通過“+”符號來表示的,它的作用是選擇緊接在指定元素后面的第一個元素。比如說,我們要讓一個列表中的第一個元素有不同于其他元素的樣式,那么就可以這樣寫:

ul li:first-child + li {
font-weight: bold;
}

這段代碼的意思是,選中ul中的第一個li元素,然后選擇這個li的下一個兄弟元素,并將這個元素的字體加粗。

需要注意的是,相鄰兄弟選擇器只能選擇下一個兄弟元素,不能選擇前面的兄弟元素或者后面的第二個兄弟元素。如果要選擇后面的第二個兄弟元素,可以使用通用兄弟選擇器(“~”符號)。

ul li:first-child ~ li {
font-weight: normal;
}

這段代碼的意思是,選中ul中的第一個li元素,然后選擇這個li之后的所有l(wèi)i元素,并將它們的字體恢復正常。

需要注意的是,相鄰兄弟選擇器只能選擇同級的元素。如果要選擇子元素或者父元素中的兄弟元素,需要使用其他的選擇器。