为什么css优先级不能正常工作:
...
<body>
<div class="class1">
<div attribute class="class2"></div>
</div>
</body>
...
div[attribute] {
color: red;
}
.class1 .class2 {
color: blue;
}
div与class2将具有颜色:红色,但在优先级规则中颜色必须为蓝色。这是vue功能?
文字对我来说是蓝色的。
new Vue({
el: "#app",
template: `
<div class="class1">
<div attribute class="class2">Text</div>
</div>`
})
div[attribute] {
color: red;
}
.class1 .class2 {
color: blue;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="app"></div>