在less中使用"Starts with"选择器

Dwz*_*wza 1 css less

可以说我有一个喜欢的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)

但我没有尝试过任何工作^^

有什么建议 ?

或者这已经不那么准备好了吗?

sol*_*sol 5

这应该适合你:

.col-d-1 {
    &[class*='col-m-'] {
        background: red;
    }
}
Run Code Online (Sandbox Code Playgroud)

codepen示例

  • 这比`caret`选项更受欢迎,因为它选择*而不管类顺序. (3认同)