2


让我们看看下面的 HTML 块，
HTML块

在这里，在上面的块中，我们为每个 div 使用了类。
我们也可以替换classes为CSS selectors

     .first{
      /*  some styles  */
      }
      .first:nth-child(1){
      /*  some styles  */
      }
      .first div:nth-child(1){
      /*  some styles  */
      }


上面的 CSS chunk 也能满足我们的要求
，最佳实践是什么？解释我们可以使用的条件selectors并classes
感谢:)

4

1 回答 1

5

我认为当样式与元素的位置相关时，最好使用 CSS 选择器样式，否则使用类。

例如，如果表格的每一行的背景与它们的位置相关，例如第一行为红色，第二行为绿色，第三行为蓝色，第四行为红色，第六行为绿色等等在。在这种情况下最好使用 CSS 选择器:nth-child(3n+1)，这样您就不需要像class='red'HTML 那样编写额外的信息，这是一种不好的做法，因为如果您以后想使用四种颜色就很难更改。

但是如果表格行的背景是由它们的值决定的，比如红色代表小于 0 的值，绿色代表大于 0 的值，蓝色代表 0。你可能会发现在 CSS 选择器中很难表达这一点，所以添加class='lz0'可能是明智之举。

总之，请记住，内容和风格应该是分离的。使用 HTML 作为内容和结构，使用 CSS 作为样式。

于 2013-03-12T05:52:33.200 回答