css - CSS匹配元素类元素

Question

如何匹配where has class 中的所有td元素？trtrmy-class

我试过了

tr .my-class td

另外 - 完全符合条件会更好吗？

table tbody tr td优于td? _

Answer 1

总是尽量减少选择器的数量，所以而不是

tr.my-class td

只用

.my-class td

您的第二个问题与第一个问题有关。当您使用以下选择器时

table tbody tr td

您的浏览器首先匹配所有td元素。然后它检查这些元素中的哪些放置在trelement 中，然后检查哪些是 in tbody，最后是 in table。由于在结构正确的代码td中总是放置在表格中，因此无需过度限定您的选择器。

有很多关于 CSS 选择器效率的文章，例如查看这篇http://csswizardry.com/2011/09/writing-efficient-css-selectors/。

Answer 2

只需使用这个：

.my-class td

以你要求的方式完全符合资格通常并不好。这被称为过度具体

Answer 3

您可以简单地执行以下操作：

.my-class td {
    // your css rules here
}

或者...

tr.my-class td {
    // your css rules here
}

或者...

table tbody tr.my-class td {
    // your css rules here
}

取决于您想要/需要的具体程度。

我建议你写的 CSS 越少越好，只要它适合你。