對(duì)于有相同父元素的相鄰HTML元素查找便可以使用CSS的相鄰兄弟選擇器,這里我們就來(lái)看一下CSS的相鄰兄弟選擇器用法簡(jiǎn)單講解:

可選擇緊接在另一個(gè)元素后的元素，且二者有相同的父級(jí)元素 下面代碼中，item2和item3會(huì)有效果，而item1不會(huì)有

HTML代碼：

• item1
• item2
• item3

CSS代碼：li+li { font-size: 50px; }

1、如果需要選擇緊接在另一個(gè)元素后的元素，而且二者有相同的父元素，可以使用相鄰兄弟選擇器。

2、相鄰兄弟選擇器使用加號(hào)“+”做為連接符。

示例

#p1 + p {

margin-top: 50px;

}

This is paragraph 1.

This is paragraph 2.

This is paragraph 3.

This is paragraph 4.

更多CSS的相鄰兄弟選擇器用法示例講解相關(guān)文章請(qǐng)關(guān)注PHP中文網(wǎng)！

聲明：本文原創(chuàng)發(fā)布php中文網(wǎng)，轉(zhuǎn)載請(qǐng)注明出處，感謝您的尊重！如有疑問(wèn)，請(qǐng)聯(lián)系admin@php.cn處理

總結(jié)

以上是生活随笔為你收集整理的html兄弟选择器怎么用,CSS的相邻兄弟选择器用法示例讲解的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。