css（二）-选择器

一.选择器种类

**选择器只是选择元素的方式，选择出元素进行样式的渲染
从大方向来说选择器分为：标签选择器，id选择器，类选择器，

选择器	备注	优先级
标签选择器	span{}	0001
类选择器	.class{}	0010
id选择器	#id{}	0100
后代选择器	li a
子选择器	ul > li
兄弟选择器	h1+p
通配符选择器	*	0000
属性选择器	a[rel=“external”]	0001
伪类选择器	li:nth-child	0010

二.css三大特性

1.层叠性

出现场景：给相同的选择器设置相同的样式（比如都是.class选择器，分别设置红色和白色），此时一个样式就会覆盖另一个样式，层叠性主要 color=‘red’>解决样式冲突问题
执行原则：样式冲突，遵循就近原则，就是哪个样式离结构近就执行哪个样式

2.继承性： 子承父业

字标签会继承父标签的某些样式，恰当的使用继承可以简化代码，降低css样式的复杂性

3.优先级

补充第一大模块：

• 行内样式优先级：1000
• !important：最重要，优先级最高
• 继承的权重为0000（不管父元素权重多高，继承过来的子元素的权重都为0）
• 权重可以叠加，但是不会进位