css选择器以及选择器的优先级

css选择器以及选择器的优先级：一、选择器1.元素选择器语法，作用给元素名为你设置的那个元素的元素名设置样式

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.并集的话就是各算各的。

更多相关技术内容咨询欢迎前往并持续关注六星社区了解详情。

程序员编程交流QQ群：805358732

0 条评论