教你玩转CSS 组合选择符

目录

后代选择器

子元素选择器

相邻兄弟选择器

后续兄弟选择器


CSS组合选择符包括各种简单选择符的组合方式。

在 CSS3 中包含了四种组合方式:

  • 后代选择器(以空格分隔)
  • 子元素选择器(以大于号分隔)
  • 相邻兄弟选择器(以加号分隔)
  • 普通兄弟选择器(以破折号分隔)

后代选择器

后代选择器用于选取某元素的后代元素。

以下实例选取所有 <p> 元素插入到 <div> 元素中:

    div p{
      background-color:yellow;
    }

猜你喜欢

转载自blog.csdn.net/weixin_41937552/article/details/107510270