如何避免在CSS中使用太多类？

Question

我正在使用bootstrap css框架。我想创建一个有很多样式的表。代码是这样的：

<table id="myTable" class="table table-bordered table-striped table-condensed">
  ....
</table>

我怎样才能避免在这里使用这么多类（表格表边界表条带表浓缩）？ CSS可以做OO扩展吗？我的意思是定义一个名为myTable的类，它可以有许多预定义的样式。

虚拟代码：

table.myTable{
  have_class: table table-bordered table-striped table-condensed;
}

Answer 1

我不太清楚你的意思。通常，您只想在必要时使用类，然后首先按元素进行目标。如果.class element无法实现，则添加另一个类。请记住，您可以通过放置空格并添加另一个类/ ID /元素来更具体地定位。添加的越多，它就越具体。

实施例

table

#myTable tr

#myTable tr.first

#myTable .odd a

此外，如果这是预定义的twitter bootstrap类的问题，那么使用网格/样式样板文件就会出现问题。任何想象力都不会轻盈或倾斜。 Twitter引导程序通常只是为了快速启动，并进行原型设计......不适用于已完成的网站。

如果您正在寻找完全干净的代码，您需要从头开始编码。