如何用css连接多个类？

Question

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

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

在我的例子中，我只想要这四个: li .col-xs-4 li . case 4 li .cd-4 li .case 4，但我更喜欢一般地这样做。

Answer 1

我想你是在找这样的东西。

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

记住不要包括li和[class*='col-']之间的空格。以上两个选择器的组合是为了防止像foo-col-1这样的类被选中。

Answer 2

您必须使用CSS选择器：

“从.开始”

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

或

“包含.”

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 -->