html - 使用标签 id 进行 CSS 重构

Question

我对 CSS 选择器不是很了解。我知道下面的 CSS 很稀疏，但它会让我继续前进。

我希望 th 和 td 的表格边框相同。

#eventRegistrationNotificationEmail th{
  width:25%;
  border: 1px  solid #999999;
}

#eventRegistrationNotificationEmail td{
  width:75%;
  border: 1px  solid #999999;
}

我知道我可以执行类似下面的操作，但我该如何使用 ID 或类来执行此操作？

td, th{
  border: 1px  solid #999999;
}

Answer 1

您可以采用完全相同的方式，只需用逗号分隔您的选择器，然后将样式应用于所有选择器。

#eventRegistrationNotificationEmail td, 
#eventRegistrationNotificationEmail th {
    border: 1px  solid #999999;
}

您还可以使用像 LESS 这样的 CSS 预处理器这让你在 .less 文件中的下一个样式在处理器运行时组合在一起:

#eventRegistrationNotificationEmail {
    td, th {
        border: 1px solid #999999;
    }
}