样式清洁div标签

Question

在样式表中，您经常会看到div#id { /* something */ }和div.class { /* ... */ }，但您经常看到div { /* something */ }？

设置没有与之关联的#id或.class的div标签是不是一个坏主意？

Answer 1

这不一定是不好的做法，只要您确定要将此样式应用于文档中的每个div。您始终可以覆盖和/或在级联样式表中进一步添加。

Answer 2

这完全取决于你的目的。

可以覆盖将所有div设置为一个特定样式的样式。

所以你可能想强制所有div上的高度，但是对于隐藏类的div你想要显示none。最后，你可能想要一个id = hello的div有一个红色背景。

接下来，您决定要将id = foo且class = bar的div设置为高度：200。

div {
  height:100px;
}

div.hidden {
  display:none;
}

div#hello {
  background-color:#FF0000;
}
div#id.bar {
  height:200px;
}

Answer 3

嗯......这取决于你想要什么。如果您希望标记中的每个div标签具有相同的样式，那么执行标记选择器而不是类或id选择器是有意义的。

Answer 4

正如你通常使用div来获取一堆不同的东西，我会回答“是”。