我应该在CSS中使用div.class还是.class?

时间:2014-09-22 09:59:07

标签: html css

我最近越来越多地观察到以下更改,人们写div.classdiv#id而不只是.class#id

在CSS中定位类的最佳方法是什么?为什么?

如果我没记错,div.class.class的结果相同。?

4 个答案:

答案 0 :(得分:9)

div.class仅会影响div元素,并且比仅使用.class更具体。所以,如果你在div中同时写div.class.class,那么第一个将优先获胜。

但是我认为如果你没有充分的理由就不要使用它更优雅(你可能想要在这个类中使用div个元素,而不是任何其他元素)。

答案 1 :(得分:4)

最好的方法取决于您想要达到的目标。是否要确保块样式不会意外地应用于内联元素?或者你有复杂的CSS和性能正在成为一个问题?

如果您使用div.class,则该样式将仅应用于该类的div<span class="class">不会受到影响。这意味着您还可以定义span.classspan执行特殊操作,或者将常用样式移动到通用.class定义。

如果您关心表演,可以参考以下几个链接:

(google for css performance

答案 2 :(得分:2)

.class将影响我们将类名作为类的所有元素。如果您使用div.class,则该样式将仅应用于具有该类的div。其他因素不会受到影响。跟随小提琴解释更多。

http://jsfiddle.net/wtcyvju2/

答案 3 :(得分:0)

.class可以同时用于 div class span &amp;&amp;当标签具有该特定类

时,可以使用div.class