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

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

HTML代碼：

• item1
• item2
• item3

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

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

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

示例

#p1 + p {

margin-top: 50px;

}

This is paragraph 1.

This is paragraph 2.

This is paragraph 3.

This is paragraph 4.

更多CSS的相鄰兄弟選擇器用法示例講解相關文章請關注PHP中文網！

聲明：本文原創發布php中文網，轉載請注明出處，感謝您的尊重！如有疑問，請聯系admin@php.cn處理

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。