html - 使用类和 ID 调用 CSS 项？

Question

一个简短的问题，因为我还没有找到任何东西。

如果我有这样一段HTML代码

<ul class="bla">
  ...
</ul>

<ul class="bla" id="blubb">
  ...
</ul>

和像这样的 CSS 代码

.bla {do something}

如何更改我的 2nd 中的一些属性？我听说最好的方法是给类一个唯一的 ID，然后覆盖“bla”类的 CSS。那么第一个问题:这是最好的方法吗？

第二个问题是 - 我如何调用它在 CSS 中最好？

就像:

.bla {do something}
#blubber {do something else}

或者是否还有另一种更具体的方法(比如 .bla#blubber <-- 这不起作用只是意味着 - 如果有一种方法可以将两个元素都称为“更具体”)。

感谢您的帮助:)

Answer 1

第一个问题:

您可以这样做，甚至可以像这样添加一个新类:

<ul class="foo bar"></ul>

然后在 css 文件中引用为 .foo.bar {...}。

第二个问题:

正如@cris9696 所建议的，您可以使用#id.class 形式，例如:http://jsfiddle.net/gKCbc/