CSS中的Li選擇器可以令開發(fā)人員選擇列表中的某一元素,并對其進行樣式設(shè)置。如果需要讓相鄰的元素具有同樣的樣式,可以使用CSS中的相鄰兄弟選擇器。
相鄰兄弟選擇器使用“+”符號連接兩個選擇器,表示只對緊貼在前一個元素后面的同級元素生效。例如下面這段代碼:
ul li + li { color: red; }
這段代碼表示只對列表中緊貼在前一個元素后面的同級元素設(shè)置紅色字體。如果有三個連續(xù)的li元素,只會對第二個元素生效。
相鄰兄弟選擇器還可以嵌套使用,例如下面這段代碼:
ul li + li span + em { font-weight: bold; }
這段代碼表示只對列表中緊貼在前一元素后面,下一個元素為span的同級元素內(nèi)的緊貼在span后面的同級em元素設(shè)置加粗字體。
總的來說,相鄰兄弟選擇器是一種非常方便的CSS選擇器,可以讓開發(fā)人員輕松對相鄰元素進行樣式設(shè)置。
上一篇css3圖片鋪滿
下一篇css3圖片滑動代碼