教你玩转CSS 组合选择符
生活随笔
收集整理的這篇文章主要介紹了
教你玩转CSS 组合选择符
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
目錄
后代選擇器
子元素選擇器
相鄰兄弟選擇器
后續兄弟選擇器
CSS組合選擇符包括各種簡單選擇符的組合方式。
在 CSS3 中包含了四種組合方式:
- 后代選擇器(以空格分隔)
- 子元素選擇器(以大于號分隔)
- 相鄰兄弟選擇器(以加號分隔)
- 普通兄弟選擇器(以破折號分隔)
后代選擇器
后代選擇器用于選取某元素的后代元素。
以下實例選取所有 <p> 元素插入到 <div> 元素中:
div p{background-color:yellow;}子元素選擇器
總結
以上是生活随笔為你收集整理的教你玩转CSS 组合选择符的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 教你玩转CSS 居中
- 下一篇: 教你玩转CSS 伪类