css中“+”是什么

本篇內(nèi)容介紹了“css中“+”是什么”的有關(guān)知識(shí)，在實(shí)際案例的操作過(guò)程中，不少人都會(huì)遇到這樣的困境，接下來(lái)就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

創(chuàng)新互聯(lián)2013年至今，是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司，擁有項(xiàng)目成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站建設(shè)網(wǎng)站策劃，項(xiàng)目實(shí)施與項(xiàng)目整合能力。我們以讓每一個(gè)夢(mèng)想脫穎而出為使命，1280元秦都做網(wǎng)站,已為上家服務(wù),為秦都各地企業(yè)和個(gè)人服務(wù),聯(lián)系電話:028-86922220

在css中，“+”是相鄰兄弟元素選擇器，用于選擇緊接在另外一元素后的元素，并且它們具備一個(gè)相同的父元素；換句話說(shuō)，E和F兩元素具備一個(gè)相同的父元素，并且F元素在E元素后面且相鄰，這樣就可使用相鄰兄弟元素選擇器來(lái)選擇F元素，語(yǔ)法“E + F”。

相鄰兄弟元素選擇器(E + F)

相鄰兄弟選擇器能夠選擇緊接在另外一元素后的元素，并且他們具備一個(gè)相同的父元素，換句話說(shuō)，EF兩元素具備一個(gè)相同的父元素，并且Ｆ元素在Ｅ元素后面，并且相鄰，這樣咱們就可使用相鄰兄弟元素選擇器來(lái)選擇Ｆ元素。

這里面有2個(gè)關(guān)鍵信息：（1）緊接在另一元素后；（2）二者有相同父元素

例子①：





  
   
       
       
       
       
       
       
   
   
       
     
         第零個(gè)段落

         
             第一個(gè)段落

         

     

     第二個(gè)段落

     第三個(gè)段落

     第四個(gè)段落

css中“+”是什么

div+p表示選取了所有位于

元素后的第一個(gè)

元素

上述“第零個(gè)段落”和“第一個(gè)段落”沒(méi)有被選中，是因?yàn)樗鼈兌记短自诹?div>標(biāo)簽中，而不是標(biāo)簽后面的元素；
“第二個(gè)段落”被選中，是因?yàn)檫@個(gè)
標(biāo)簽是
標(biāo)簽后的第一個(gè)
元素，且有相同的父元素；
“第三個(gè)段落”和“第四個(gè)段落”沒(méi)被選中是因?yàn)樗鼈儾皇?div>標(biāo)簽后緊鄰的
標(biāo)簽

假如希望"第三個(gè)段落"也被選中，則需要使它的

標(biāo)簽也在

標(biāo)簽之后緊鄰，如下

css中“+”是什么

如果

標(biāo)簽不是緊鄰

，如下

css中“+”是什么

可以看到“第二個(gè)段落”沒(méi)有被選中，因?yàn)橄噜徯值苓x擇器選擇的是緊接在一個(gè)元素后的元素
div+p{}表示的是選取
后緊鄰的
元素，但是上面代碼div標(biāo)簽后緊鄰的是標(biāo)簽，也就是它會(huì)選擇
標(biāo)簽后緊鄰的標(biāo)簽，
標(biāo)簽沒(méi)有緊鄰
標(biāo)簽，所以就選不到
元素了

例子②：





  
   
       
       
       
       
       
       
   
   
       
       
           List item 1

           List item 2

           List item 3

       

       
           List item 1

           List item 2

           List item 3

css中“+”是什么

一開(kāi)始特別納悶為啥“List item 2”和“List item 3”都被選中了~~~

首先分析選擇器樣式：li+li{}，字面意思是選取所有位于

標(biāo)簽后的第一個(gè)

元素

(1) 很顯然第一個(gè)
標(biāo)簽不會(huì)選中，因?yàn)樗懊娌皇?li>；
(2) 第二個(gè)
標(biāo)簽會(huì)選中，因?yàn)樗堑谝粋€(gè)
標(biāo)簽緊鄰的
標(biāo)簽；
(3) 第三個(gè)
標(biāo)簽也會(huì)選中：因?yàn)榈谌齻€(gè)
標(biāo)簽的上一個(gè)標(biāo)簽也是
標(biāo)簽，也滿足css選擇器li+li{}的條件：
標(biāo)簽后的第一個(gè)
元素
正因?yàn)閏ss選擇器的樣式為li+li{}，所以代碼中的li標(biāo)簽就可以一直套用這個(gè)“公式”。

“css中“+”是什么”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)可以關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實(shí)用文章！

當(dāng)前文章：css中“+”是什么
網(wǎng)站路徑：http://weahome.cn/article/posejd.html