Question

我有这些引导类，我想用li连接每一个，有没有比在每个类之前添加li更好的选择？我的意思是，一种将所有引导类分组并与li连接的方法。

.col-xs-1，.col-sm-1，.col-md-1，.col-lg-1，.col-xs-2，.col-sm-2，.col-md- 2，.col-lg-2，.col-xs-3，.col-sm-3，.col-md-3，.col-lg-3，.col-xs-4，.col-sm-4 ，.col-md-4，.col-lg-4，.col-xs-5，.col-sm-5，.col-md-5，.col-lg-5，.col-xs-6， .col-sm-6，.col-md-6，.col-lg-6，.col-xs-7，.col-sm-7，.col-md-7，.col-lg-7 ,. col-xs-8，.col-sm-8，.col-md-8，.col-lg-8，.col-xs-9，.col-sm-9，.col-md-9，.col -lg-9，.col-xs-10，.col-sm-10，.col-md-10，.col-lg-10，.col-xs-11，.col-sm-11，.col- md-11，.col-lg-11，.col-xs-12，.col-sm-12，.col-md-12，.col-lg-12

在我的情况下，我只想要这四个： li .col-xs-4 li .col-sm-4 li .col-md-4 li .col-lg-4 但我更喜欢一般的做法。

Answer 1

您必须使用CSS选择器：

＆＃39;以......开始。

li[class^="col-"] { }

这可能适合这样的事情：

<li class="col-md-4"></li>  
<!-- only if the very first string in your class matches "col-" -->
<!-- so, class=" test something-else" won't work

或

＆＃39;包含..＆＃39;

li[class*="col-"] { }

可以使用

<li class="col-md-4 col-sm-4 col-xs-4"></li> 
<!-- "col-" can be anywhere and as many times as needed -->

Answer 2

我认为你正在寻找这样的东西。

li[class*='col-'], li[class^='col-'] {
  ...
}

切记不要在li和[class*='col-']之间添加空格。完成上述两个选择器的组合是为了防止选择foo-col-1之类的类。

我怎么能用css连接多个类？

2 个答案:

或