css选择器以及选择器的优先级
css选择器以及选择器的优先级：
一、选择器
1.元素选择器 语法，作用给元素名为你设置的那个元素的元素名设置样式
元素名 {
样式列表
}
2.id选择器。通过元素的 id 属性给id赋值， #开始加上id名称。id名称在整个页面里是唯一的
id选择器语法 #id{
样式列表
}
3.类选择器 。通过元素的class 属性 选择。 一个页面的class属性可以相同。
语法 .class名{
样式列表
}
4.全部选择器。 给整个页面的属性设置样式
语法 *{
样式列表
}
5.并集选择器 只要满足下面任意一种选择器，就给元素设置样式，选择器之间用逗号隔开
例如 p, #a1,.p3{
样式列表
}
上面的选择器的作用就是 给 元素选择器p ，id选择器 a1，类选择器p3.设置样式
6.交集选择器 满足下面所有选择器才设置样式，中间什么都不用隔开 选择器之间直接粘在一起
p.p3 {
} 这个的意思是 给既是 p元素，并且他的类名称要等于 p3的p元素设置样式
二、选择器的优先级
例如 同时两个选择器给同一个元素设置相同的属性，那么最终设置为哪个呢？这就要按照优先级来了
内连样式 优先级 1000
id 选择器 优先级 100
类选择器 优先级 10
元素选择器 优先级 1
统配选择器 优先级 0
继承的样式优先级没有
以上的优先级先满足高的。
注意：
1.如果是两种相同优先级 为同一个元素 同一个属性设置 的话，是哪个写在代码靠后 最终就按那个的样式
2.交集选择器的优先级 所有优先级 加起来 运算 然后比较
3.并集的话 就是各算各的。
- 发表于 2021-09-28 13:33
- 阅读 ( 480 )
- 分类：WEB前端开发
