如何选择匿名嵌套子元素？

Question

我有三个嵌套在“element-group”中的匿名子项，我需要单独更改每个子元素中rect的颜色。不幸的是，我无法在CSS中选择特定的子元素，因为每个孩子都没有唯一的ID。这是预先生成的代码，我不得不使用CSS覆盖它，所以我不能简单地为每个元素添加一个特定的id，以便分别修改每个子元素。

如果没有一个孩子拥有唯一ID，我如何在CSS中单独选择此分组中的每个子元素？

wordpress_logged_in

Answer 1

不确定您想要做什么，但如果它是CSS特定的，您可以使用nth-child选择器：

.element:nth-child(2) {...} // replace 2 with whatever index you want.

如果您正在谈论JS，那么您可以使用：

var elements = document.getElementsByClassName('element');
console.log(elements[2]); // replace 2 with whatever index you want.