单个元素问题上的多个CSS类

时间:2011-05-06 17:07:02

标签: css

我在span元素上使用了两个类的组合。

看起来他们都在独自工作......他们不在一起。

.black {color:black;}
.size_14 {font-size:14px;}


<span class="black size_14">my text is not black..neither large</span>

我尝试将size_14类名更改为另一个(large),在这种情况下它正在运行。

size_14是否为无效的班级名称?

解决

我用

覆盖了这种行为
.article_text_div .size_14 {color:#6D6E71;}

但是由于这个错误,我发现它更好(?)不在类名中使用下划线

双重感谢

卢卡

4 个答案:

答案 0 :(得分:4)

这个例子似乎运作正常。必须有另一条规则覆盖您的更改。使用Firebug或类似的检查器检查CSS,它会准确地告诉您正在使用和覆盖哪些类。

答案 1 :(得分:2)

下划线在类名和ID中是not recommended。支持是全面的。我会删除它或用短划线替换它。

答案 2 :(得分:0)

如果我是你,我会倾向于尝试下面的内容,但是如果没有看到剩下的代码,就很难判断它是否会产生影响......

.black{color:black;}
.size-14, span.size-14{font-size:14px;}

答案 3 :(得分:0)

你可以使用下划线,上面的评论文章写于2001年。所有最新的浏览器都支持使用_。但大多数开发人员更喜欢使用“ - ”作为类名。

http://jsfiddle.net/ZsR4A/embedded/result/

在IE,FF,Chrome中按预期工作。确保你的size_14具有更高的特异性。