html兄弟选择器怎么用,CSS的相邻兄弟选择器用法示例讲解
生活随笔
收集整理的這篇文章主要介紹了
html兄弟选择器怎么用,CSS的相邻兄弟选择器用法示例讲解
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
對(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)題。
- 上一篇: html标签自动对齐,sublime,j
- 下一篇: css a标签去掉下划线_这30个CSS