何时使用div#idname或#idname作为css

Question

设置代码样式:

   <div id="top-header">
        <div id="logo">
            <a href="http://example.com/>logo link</a>

        </div>
</div>

什么时候使用div#logo{} ,什么时候使用#logo{}？

Answer 1

div#logo将仅适用于id为logodiv的元素,而只#logo适用于id为的任何元素logo.但是,鉴于您不应该在同一页面上具有相同ID的元素,这个特定场合不应该有任何区别.

在按类而不是id进行样式设置时更有用,例如:

<div class="top-header">
    <div class="logo">
        <a href="http://example.com/>logo link</a>

    </div>
    <span class="logo">Hello</span>
</div>

这里div.logo{}不会将样式应用于跨度.