为什么vue CSS优先级规则不能正常工作?

问题描述 投票:-2回答:1

为什么css优先级不能正常工作:

...
<body>
<div class="class1">
  <div attribute class="class2"></div>
</div>
</body>
...

div[attribute] {
  color: red;
}

.class1 .class2 {
  color: blue;
}

div与class2将具有颜色:红色,但在优先级规则中颜色必须为蓝色。这是vue功能?

vue.js vuejs2
1个回答
0
投票

文字对我来说是蓝色的。

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>
© www.soinside.com 2019 - 2024. All rights reserved.