css - 我应该在 '#id' 或 '.class' 选择器前面添加一个元素名称吗？

Question

我正在阅读 the book: CSS Mastery: Advanced Web Standards Solutions ，发现里面的css代码几乎都是这样写的:

elementName#idName   
elementName.className

但是，我习惯于用这种格式编写忽略元素名称的代码:

 #idName   
.className

所以，我想弄清楚这两种格式之间有什么区别。

其实，我明白什么时候应该使用type.class。而且，当这里只有一种标签时，我只是想找出当我使用 type.class 而不是仅使用 .class 时的影响。

肯定对性能有一些影响。

Answer 1

这是一个真实的场景，何时使用 elementName 以及何时仅使用类或 ID 名称:

HTML:

<a class="blue">I'm blue and underline</a>
<span class"blue">I'm blue and bold</a>

CSS:

.blue {
   color:blue //will make both <a> and <span> blue
}

a.blue {
   text-decoration:underline // will make only the <a> tags underline
}
span.blue {
   font-weight:bold //will make only the <span> tags bold
}

但是请记住，当涉及到 ID 时，您无论如何都不应该在页面上使用重复的 ID，这对于类来说更实用