CSS3中的群组选择器,后代选择器[空格]子元素选择器 ＞相邻兄弟选择器+兄弟选择器~

╰半橙微兮° 2022-12-19 08:52 396阅读 0赞

群组选择器（’,’）

  1. /* 表示既h1，又h2 */
  2. h1, h2 {
  3.   color: red;
  4. }

后代选择器[空格]

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

子代选择器>

  1. <style>
  2.     .abc>:nth-child(2){
  3.         background-color:yellow;
  4.     }
  5. </style>
  7. /* 表示 h1 下面的所有以 h1 为直接父元素的 span 元素，注意必须以 h1 为直接父元素 */
  8. h1 > span {
  10. }

相邻兄弟选择器（’+’）

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

兄弟选择器（’~’）

  1. 选择在某元素之后的所有兄弟元素，不一定要紧跟在后面，但必须得是相同父元素，即必须是同一级元素。
  4. /* A之后的所有B元素，不一定要紧跟在A后面、相同父元素 */
  5. A ~ B{
  7. }

发表评论

表情：
评论列表 （有 0 条评论，396人围观）

还没有评论，来说两句吧...

相关阅读