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

Question

我正在使用 bootstrap 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;
}

Answer 1

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

例子

表格

#myTable tr

#myTable tr.first

#myTable .odd a

此外，如果这是预定义的 Twitter Bootstrap 类的问题，那么使用网格/样式化样板也会出现问题。无论怎么想，它都不是轻量级或瘦身的。 Twitter bootstrap 通常仅用于快速启动和原型(prototype)设计……不适用于完整的网站。

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