选择器:选择一个元素(标签)的方法。有以下6种选择器
一、选择器的类型
1、id选择器
定义:通过id选择元素(选择到的是一个元素)。id在页面上具有唯一性。
语法:#id名称{要添加的样式}
2、class选择器
定义:通过class选择元素(选择到的是一组元素)
定义:.class名称{要添加的样式}
注意:页面中的class是可以重名的,一个元素可以有多个class,每个用逗号隔开,如果后面class的样式与前面有重复的,那后面会覆盖前面的样式。
3、标签选择器
定义:通过标签名字选择元素(选择到的是一组元素)
语法:标签名{要添加的样式}
注意:标签选择器会给所有的标签都添加上相同的样式,会影响其它的标签
4、群组选择器
定义:通过逗号的方式选择元素(选择到的是一组元素)
语法:#id名称,.class名称,标签名{要添加的样式}
5、包含选择器
定义:通过范围选择元素(选择到的有可能是一个也又可能是多个元素)
语法:父级 目标元素{要添加的样式}
注意:父级与目标元素都可以是任意一种选择器选择到的元素
6、通配符选择器
* 通配符:用来获取页面中的所有元素。
二、选择器的优先级
优先级关系到代码执行的顺序:选择器优先级一致的情况下,谁在后面谁的优先级高,但当选择器优先级不一致的情况下,会选择优先级高的。
一般来说:
1、行间样式>id选择器>class选择器>标签选择器>通配符选择器(*)
2、包含选择器的优先级是一种累加的关系,加起来的值越大优先级越高,值越小,优先级越低。
行间样式:1000
id选择器:100
类选择器:10
标签选择器:1
3、群组选择器的优先级取决于位置,哪个靠后哪个的优先级就高,会把前面的样式给覆盖。
原文地址:https://www.cnblogs.com/davina123/p/12013195.html