首页 > 代码库 > 关于选择器的整理

关于选择器的整理

  选择器可以采用多种方式,提供一个可伸缩性来匹配文档中的各种标记,下面整理一下常用的选择器类型:

  1、元素选择器

 元素选择器是最常见,最易理解的选择器,元素选择器选择匹配选择器的网页上的任何HTML元素,不考虑这些元素在文档中的位置;

  2、类选择器

 元素选择器的目标是一个元素的每个实例,而选择器可以用于选择某个有class属性的任何HTML元素,不考虑他们在文档中的位置;

  3、ID选择器

 ID选择器与类选择器相似,它可以用于选择某个ID属性的任何HTML元素,不用考虑这些元素在文档中的位置,其语法形式为:#ID名{属性:值}

ID选择器和类选择器的主要区别在于,同一ID属性值在同一个页面上只能出现一次,而同一个 class属性值可以在同一页面多次出现;

  4、包含选择器

 包含选择器用于选择在文档树中一个元素的后代元素;

  5、通配选择器

 通配选择器用于选择所有元素。

  6、伪类选择器

 目前所了解的选择器都是基于文档树中的元素,但是有时候我们需要格式化一些没有CSS选择器可用的东西,伪类选择器允许我们格式化不在文档树中的一些条目,因为不用浏览器对伪类选择器的支持有所不同,目前我们主要使用所有的浏览器都支持的、与超链接<a>元素相关的超链接伪类选择器。

  7、伪元素选择器

 伪元素选择器允许我们格式化文档树中没有的一些信息。例如,使用标准的选择器不能格式化一个元素内容的第一个字母或者第一行,而伪类元素选择器能。

关于选择器的整理