我最近越来越多地观察到以下更改,人们写div.class
或div#id
而不只是.class
或#id
。
在CSS中定位类的最佳方法是什么?为什么?
如果我没记错,div.class
与.class
的结果相同。?
答案 0 :(得分:9)
div.class
仅会影响div
元素,并且比仅使用.class
更具体。所以,如果你在div中同时写div.class
和.class
,那么第一个将优先获胜。
但是我认为如果你没有充分的理由就不要使用它更优雅(你可能想要在这个类中使用div
个元素,而不是任何其他元素)。
答案 1 :(得分:4)
最好的方法取决于您想要达到的目标。是否要确保块样式不会意外地应用于内联元素?或者你有复杂的CSS和性能正在成为一个问题?
如果您使用div.class
,则该样式将仅应用于该类的div
。 <span class="class">
不会受到影响。这意味着您还可以定义span.class
为span
执行特殊操作,或者将常用样式移动到通用.class
定义。
如果您关心表演,可以参考以下几个链接:
(google for css performance
)
答案 2 :(得分:2)
.class
将影响我们将类名作为类的所有元素。如果您使用div.class
,则该样式将仅应用于具有该类的div。其他因素不会受到影响。跟随小提琴解释更多。
答案 3 :(得分:0)
.class
可以同时用于 div class 和 span &amp;&amp;当标签具有该特定类