03-高级选择器

前端之家收集整理的这篇文章主要介绍了03-高级选择器前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

高级选择器分为:

  • 后代选择器

  • 子代选择器

  • 并集选择器

  • 交集选择器

后代选择器

使用空格表示后代选择器。顾名思义,父元素的后代(包括儿子,孙子,重孙子)

子代选择器

使用>表示子代选择器。比如div>p,仅仅表示的是当前div元素选中的子代(不包含孙子....)元素p。

并集选择器

多个选择器之间使用逗号隔开。表示选中的页面中的多个标签。一些共性的元素,可以使用并集选择器

比如像百度首页使用并集选择器。

交集选择器

使用.表示交集选择器。第一个标签必须是标签选择器,第二个标签必须是类选择器 语法:div.active

比如有一个

这样的标签

那么

它表示两者选中之后元素共有的特性。

猜你在找的CSS相关文章