013_CSS兄弟选择器
生活随笔
收集整理的這篇文章主要介紹了
013_CSS兄弟选择器
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
1.1. element1~element2選擇器element1之后出現的所有element2。
1.2. 兩種元素必須擁有相同的父元素, 但是element2不必直接緊隨element1。
2. 例子
2.1. 代碼
<!DOCTYPE html> <html><head><title>CSS兄弟選擇器</title><meta charset="utf-8" /><style type="text/css">p~ul {background: #ff0000;}</style></head><body><div>一個 div 元素。</div><ul><li>咖啡</li><li>牛奶</li><li>茶</li></ul><p>第一段。</p><ul><li>咖啡</li><li>牛奶</li><li>茶</li></ul><h2>另一個列表</h2><ul><li>咖啡</li><li>牛奶</li><li>茶</li></ul></body> </html>2.2. 效果圖
總結
以上是生活随笔為你收集整理的013_CSS兄弟选择器的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 016_CSS选择器列表
- 下一篇： 018_CSS颜色