CSS 选择器 和优先级

E[att] 选择元素具有att属性的元素 如 img[alt]

E[att=’val’]  选择元素具有att属性的元素 且属性值为val

E[att~=’val’] 选择具有att属性且属性值为一用空格分隔的字词列表,其中一个等于val的E元素(包含只有一个值且该值等于val的情况)。

E[att^=’val’] 选择具有att属性 并且以val开头的属性

E[att$=’val’] 选择具有att属性 并且以val结尾的属性

E[att*=’val’] 选择具有att属性 并且包含val开头的属性

E[att|=’val’] 选择具有att属性且属性值为以val开头并用连接符”-“分隔的字符串的E元素,如果属性值仅为val,也将被选择。

优先级:

如果 在页面中先定义了

.red{

color:red;​

}​

然后 再引入的

此时 a.css中 定义了{color:blue}​则此时颜色应该是blue  因为 后引入的 优先级 比页面上高,如果反过来 先引入 后面再定义red类 那么 颜色就是red了。

有时候 文档上说的她跟现实中有冲突 希望还是以实践为准​

​行内样式的 权值:1000 id样式:100 class样式:10 html标签:1

相加一起 最高的值  优先级最高

#parent.class p 为 1000+100+1=1101

#parent p a 为1000+1+1=1002 ​

发表评论

电子邮件地址不会被公开。 必填项已用*标注