可以说我有一个喜欢的div
<div class="col-d-1 col-m-5">some content</div>
Run Code Online (Sandbox Code Playgroud)
我想选择div.Normaly没问题......我的问题是,有更多的css作用于这个div.所以我不想使用!重要.我尝试使用多个选择器来保持这个"重要".现在我知道会有一个,col-m-但我不知道它的价值......即使它的1,2,3或者什么......
实际上在CSS我会用
.col-d-1 [class^='col-m-'] {
background: red;
}
Run Code Online (Sandbox Code Playgroud)
像这样选择我col-d-1有一些col-m-
但是如何将其转换为更少?
我想
.col-d-1 {
&.col-m-* {
background: red;
}
}
Run Code Online (Sandbox Code Playgroud)
但我没有尝试过任何工作^^
有什么建议 ?
或者这已经不那么准备好了吗?
这应该适合你:
.col-d-1 {
&[class*='col-m-'] {
background: red;
}
}
Run Code Online (Sandbox Code Playgroud)