欢迎访问 生活随笔!

凯发k8官方网

当前位置: 凯发k8官方网 > 前端技术 > css >内容正文

css

css3中的群组选择器,后代选择器[空格]子元素选择器 >相邻兄弟选择器 兄弟选择器~ -凯发k8官方网

发布时间:2024/9/19 css 27 豆豆
凯发k8官方网 收集整理的这篇文章主要介绍了 css3中的群组选择器,后代选择器[空格]子元素选择器 >相邻兄弟选择器 兄弟选择器~ 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

群组选择器(',')

/* 表示既h1,又h2 */ h1, h2 {color: red; }

后代选择器[空格]

/* 表示 h1 下面的所有 span 元素,不管是否以 h1 为直接父元素 */ h1 span {}

子代选择器>

/* 表示 h1 下面的所有以 h1 为直接父元素的 span 元素,注意必须以 h1 为直接父元素 */ h1 > span {}

相邻兄弟选择器(' ')

选择紧接在另一个元素后的元素,而且二者有相同的父元素。

兄弟选择器('~')

选择在某元素之后的所有兄弟元素,不一定要紧跟在后面,但必须得是相同父元素,即必须是同一级元素。/* a之后的所有b元素,不一定要紧跟在a后面、相同父元素 */ a ~ b{}

总结

以上是凯发k8官方网为你收集整理的css3中的群组选择器,后代选择器[空格]子元素选择器 >相邻兄弟选择器 兄弟选择器~的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得凯发k8官方网网站内容还不错,欢迎将凯发k8官方网推荐给好友。

  • 上一篇:
  • 下一篇:
网站地图