我希望能够在我的组件中动态设置,无论元素是否具有以“mark-as”开头的类名(例如“mark-as-car”、“mark-as-cat”) )将有黄色背景。
我可以将以下内容添加到组件 css 文件中:
*[class^="mark-as-"] {
background: #ffff00;
}
但我想知道如何在组件逻辑中动态启用/禁用它而不更改元素类名称。
最佳答案
您可以使用下面的 css 方法。
您可以访问css selectors有关 css 选择器的更多知识。
[class*="mark-as-"] {
background: #ffff00;
}
下面举一个例子,让大家更容易理解。
.mark-as-red {
color:#fff;
}
.yellow-mark {
color:#fff;
}
p[class*="-as-red"] {
background: #999;
}
p[class^="yellow-"] {
background: yellow;
}
<p class="mark-as-red ">
HELLO
</p>
<p class="yellow-mark ">
HELLO
</p>
关于css - 在 Angular 2 中动态设置以 "mark-as-"开头的所有类的样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44253868/