<a href="baidu.com">这是一个有 href 的 <a> 标签</a>
<a>这是一个没有 href 的 <a>标签</a>
<a href="baidu.com" class="red">应该显示成红色的 <a> 标签</a>
<style>
a[href] {
color: #00cccc;
text-decoration: underline;}
a.red {color: red;}
</style>
如果a.red变成.red
选择器中的每个元素增加的特殊性为 0, 0, 0, 1
每个类和每个属性选择增加的特殊性都是 0, 0, 1, 0
选择器 a[href] 的特殊性为 0, 0, 1, 1
而选择器 .red 的特殊性只有 0, 0, 1, 0
.red 的特殊性并没有超过 a[href]，因此无法把 a[href] 的样式覆盖掉。而a.red和a[href]权重一样，且class后出现。因此后一个为red。
因此<style>中class中最好加上元素。。
如果a.red变成.red选择器中的每个元素增加的特殊性为 0, 0, 0, 1每个类和每个属性选择增加的特殊性都...
CSS选择器、层叠和特殊性、继承 CSS通过选择器将样式应用于特定的HTML元素。 选择器种类 基本选择器元素选择...
CSS选择器：在CSS中，我们使用CSS选择器来定位节点。例如，上例中div节点的id为container，那么就...
CSS选择器是学习CSS的一个核心部分，HTML页面中的元素就是通过CSS选择器来进行控制的，熟练使用CSS选择器...
CSS 选择器 CSS 基本选择器及其扩展 CSS 基本选择器 通配符选择器 * 元素选择器 使用标签的名称...
第一组：杨昊 CSS选择器 CSS选择器——hover Css3中有好多使用的选择器，上次分享了动画的实现，今天...
CSS命名规范 CSS基础知识 CSS优化技巧 CSS的继承关系 CSS的选择器关系介绍
选择器用来选择要在DOM中哪些元素上使用某些样式。 学习目标 知道什么是 CSS 选择器。 知道 CSS 选择器有...
CSS格式 p { color: red; }（ p 即为选择器） 把CSS放入HTML中 放入 …… 中 使用样...
选择器的特殊性 在CSS中针对某个元素的多个相同的规则，浏览器会计算其特殊性。如果一个元素有多个冲突的规则，具有最...
本文标题：css中选择器特殊性的使用小技巧
本文链接：https://www.haomeiwen.com/subject/fxnsoftx.html
网友评论