Вес селекторов в Angular
Почему он не стал красний, не понимаю почему так?
Ответы (1 шт):
Автор решения: vp_arth
→ Ссылка
Каждому элементу селектора ангуляр добавляет селектор аттрибута компонента для изоляции стилей.
/* In angular:
.color {color: red;}
div div {color: green;}
*/
.color[_ngcontent-dnf-c20] {color: red;}
div[_ngcontent-dnf-c20] div[_ngcontent-dnf-c20] {color: green;}
/* In angular:
div div.color {color: red;}
div div {color: green;}
*/
div[_ngcontent-dnf-c21] div.color[_ngcontent-dnf-c21] {color: red;}
div[_ngcontent-dnf-c21] div[_ngcontent-dnf-c21] {color: green;}<div _ngcontent-dnf-c20>
<div _ngcontent-dnf-c20 class=color>Color</div>
</div>
<div _ngcontent-dnf-c21>
<div _ngcontent-dnf-c21 class=color>Color</div>
</div>