css - 如何避免在 CSS 中使用过多的类？

Question

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

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

我怎样才能避免在这里使用这么多类（table table-bordered table-striped table-condensed）？CSS 可以做一些类似 OO 的扩展吗？我的意思是定义一个名为 myTable 的类，它可以有许多预定义的样式。

虚拟代码：

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

score 0 · Accepted Answer

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

例子

table

#myTable tr

#myTable tr.first

#myTable .odd a

此外，如果这是预定义的 twitter 引导类的问题，那就是使用网格/样式样板的问题。无论如何，它都不是轻巧或精简的。Twitter bootstrap 通常只是用于快速启动和原型设计……而不是用于已完成的网站。

如果您正在寻找完全干净的代码，您可能希望从头开始编写代码。

1 回答 1