<分区>
标签 css css-selectors
<分区>
如何匹配 tr 中的所有 td 元素，其中 tr 具有类 my-class？
我试过了
tr.my-class td
另外 - 完全符合资格是否更好？
table tbody tr td 比 td 好吗？
最佳答案
总是尽量减少选择器的数量，所以而不是
tr.my-class td
只用
.my-class td
你的第二个问题与第一个问题有关。当您使用以下选择器时
table tbody tr td
您的浏览器首先匹配所有 td 元素。然后它检查这些元素中的哪些被放置在 tr 元素中，然后检查哪些在 tbody 中，最后在 table 中。由于在结构合理的代码中，td 始终放在表中，因此无需过度限定您的选择器。
关于CSS选择器效率的文章很多，看看这篇http://csswizardry.com/2011/09/writing-efficient-css-selectors/例如。
关于CSS匹配元素类元素，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/14946631/