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;
    }
}

Answer 2

我意识到名称'eventRegistrationNotificationEmail'是你的表ID：

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

CSS重构与标签ID

2 个答案: