Twitter bootstrap 如何使用css连接多个类？

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

考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考生考生考生考生考生考生考生考生考生考生考生考生考生考生考生考生考生考生考生考生考生考生考生考生考生考生考生考生考生考生考生考生考生考生考生考生考生考生考生考生考生考生考生考生考生考生考生考生考生考生考生考生考生考生考生考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考D-md-8，.col-lg-8、.col-xs-9、.col-sm-9、.col-md-9、.col-lg-9、.col-xs-10、.col-md-10、.col-lg-10、.col-xs-11、.col-md-11、.col-lg-11、.col-xs-12、.col-sm-12、.col-lg-12

就我而言，我只想要这四个： 李，col-xs-4 李，col-sm-4 李，col-md-4 李，col-lg-4

---

但是我更喜欢一般的方式。

您必须使用CSS选择器：

'以..开头'

这将在以下方面起作用：

<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-md-4 col-sm-4 col-xs-4"></li> 
<!-- "col-" can be anywhere and as many times as needed -->

我想你在找这样的东西

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

记住不要在

li

和

[class*='col-']

之间包含空格。 上面两个选择器的组合是为了防止选择像

foo-col-1

这样的类

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

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