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选择器,这样就不需要像class='red'在HTML中那样编写额外的信息,这是一种不好的做法,因为如果你想稍后使用四种颜色,很难改变.

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

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