CSS学习笔记——选择器

选择器

　　当我们定义一条样式规则时候，这条样式规则会作用于网页当中的某些元素，而我们的规定的这些元素的规则就叫做选择器。

　　

常用的选择器：

　　1、id选择器　　#idname

　　2、类选择器　　.classname

　　3、标签选择器　　tagname

　　4、交叉选择器　　tagname.classname　　tagname#idname

　　5、群组选择器　　多个选择器用“，”隔开

　　6、后代选择器（包含选择器）　　父级和子级用空格隔开

　　7、通用选择器　　* {}

 

CSS选择器优先级示意图　　

　　所谓的优先级，指的就是哪条样式规则会最后作用于指定的元素，他只
遵循一条规则，指定的越具体优先级越高

　　优先级由高到低：行内样式

　　　　　　　　　　交叉选择器

　　　　　　　　　　id选择器

　　　　　　　　　　类型选择器

　　　　　　　　　　标签选择器

　　　　　　　　　　*通配符

　　　　　　　　　　浏览器对标记预定义的样式

　　　　　　　　　　继承的样式

 

后代级别选择器

 

同辈级别选择器

 

伪类选择器

 

属性选择器

 

UI伪类选择器