html - 在 CLASS 或 ID 之前提及 HTML TAG 元素(良好或不必要的 CSS 做法？)

Question

基本上，我想知道什么是避免 future CSS 代码出现问题和混淆的最佳方法...

像这样命名 CSS 属性:

div#content 
ul#navigation
div.float-left

(真的没有必要这样做吗？)

或者只是

#content
#navigation
.float-left

我没有大型元素的经验，所以我希望有人能告诉我当 HTML 和 CSS 变长时哪种方法更好。

Answer 1

这取决于你想要发生什么。

#content

将应用于 id="content"的所有内容，但是

div#content

将仅适用于 id="content"的

。

对于类来说，这通常是一个更大的问题，因为 ID 在页面上的所有元素中应该是唯一的。

所以底线是，如果您知道样式信息将仅适用于特定类型的 HTML 元素，那么请包含元素标记。这可以阻止样式意外地应用于具有相同类(或 ID，但那很顽皮)的不同元素。

关于html - 在 CLASS 或 ID 之前提及 HTML TAG 元素(良好或不必要的 CSS 做法？)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/1057549/