使用类和ID调用CSS项目?

时间:2014-06-14 18:01:05

标签: html css

一个简单的问题,因为我还没找到一些东西。

如果我有这样的HTML代码

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

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

和CSS代码如

.bla {do something}

如何在第二次更改某些属性?我听说最好的方法是给类一个唯一的ID,然后从“bla”类覆盖CSS。所以第一个问题:这是最好的方式吗?

第二个问题是 - 如何在CSS中将其称为最佳?

就像:

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

还是还有另一种方式更具体(类似于.bla #blubber&lt; - 这不会起作用 - 如果有办法将BOTH元素称为“更具体”)。

感谢您提供帮助:)

3 个答案:

答案 0 :(得分:2)

也许这是第二个问题?

#id.class{
//css
}

答案 1 :(得分:2)

第一个问题:

你可以这样做,甚至可以像这样添加一个新类:

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

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

第二个问题:

正如@ cris9696建议的那样,您可以使用#id.class表单,例如:http://jsfiddle.net/gKCbc/

答案 2 :(得分:0)

在某些情况下,过度编写每个属性都很困难。特别是当您指定了许多属性时。但是你可以做的是将常用的选择器放在更通用的选择器中,就像在类选择器中一样,并在Id选择器中放置更多特定的属性。 U也可以将默认样式放在常规选择器中。对于第二个问题#idSelct.Class工作。