CSS 组合选择符

发布时间 2023-03-22 21:08:45作者: 小孟快点跑哇

CSS 组合选择符

Note 组合选择符说明了两个选择器之间的关系。

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

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

  • 后代选择器(以空格     分隔)
  • 子元素选择器(以大于 > 号分隔)
  • 相邻兄弟选择器(以加号 + 分隔)
  • 普通兄弟选择器(以波浪号 ~ 分隔)

后代选择器

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

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

实例

div p { margin: 0px; padding: 0px; color: rgb(0, 0, 139);">yellow; }
http://www.dhhg88.com/