有关改进此CSS的任何建议吗？

Question

我正在努力寻找一种更好的选择方法。基本上，<div>的cat1为id，<a>的{​​{1}}也为class。有没有更好的方法来写这个？我基本上试图选择具有与其所在的div id类似的类名的cat1。

<a>

Answer 1

根据CSS其余部分的复杂程度，您可以缩短选择器，例如： #cat1 .cat1, #cat2 .cat2, ...或.cat1, .cat2, ...

但是我很想知道你为什么会有类名，例如“cat1”，“cat2”等等。你能否拥有一个单独的类（“cat”，缺少一个更好的词），所有的锚标签可以分享？这可能是cat1，cat2等的补充。所以你的标记就像：

<div class="cat" id="cat1"><a class="cat cat1">...</a></div>
<div class="cat" id="cat2"><a class="cat cat2">...</a></div>

通过这种方式，您可以简化适用于所有这些锚点的属性的CSS选择器：

div.cat a.cat { ... }

但如果您需要单独设置其中某些选项，请允许使用a.cat1等特定选择器。

Answer 2

您不需要标记名称。

#cat1 .cat1