Почему правила приоритета CSS не работают правильно? - PullRequest
Новая
       1

Почему правила приоритета CSS не работают правильно?

0 голосов
/ 18 февраля 2019

Почему приоритет CSS не работает правильно: 

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

div[attribute] {
  color: red;
}

.class1 .class2 {
  color: blue;
}

div с class2 будет иметь цвет: красный, но в правилах приоритета цвет должен быть синим.Это особенность?

1 Ответ

0 голосов
/ 18 февраля 2019

Текст кажется мне синим. 

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>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...