CSS选择器vs样式元素的类

Question

让我们看看下面的HTML块，
    

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

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

上面的CSS块也可以满足我们的要求 什么是最佳做法？解释我们可以使用selectors和classes的条件 谢谢:)）

Answer 1

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

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

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

总之，请记住内容和风格应该分离。将HTML用于内容和结构，并将CSS用于样式。