Question

我的应用程序上有一个任务列表。有些任务有子任务，通过属性在我的html代码上附加到父母身上。

这些任务位于列表（父任务和子任务）上，其中没有元素层次结构，只有普通的<li>元素。他们对父母的唯一附件是数据父母属性。

我想将一个类应用于每个共享父元素的元素，如果类名是静态的，那将很容易，但是因为它是动态的，所以它有点困难......

我正在努力实现的目标：

.parent-element4322.red ~ li[data-parent=4322]{
    background:red
}

这将是一个静态类，我正在考虑类似这样的通配符：

.parent-element*.red ~ li[data-parent=*]{
    background:red
}

显然，两个* s都匹配同一个类，而不是任何类。

有关如何实现这一点的任何想法？

Answer 1

您好像正在尝试匹配data-parent属性与基于另一个元素.parent-element*类的现有数字相对应的元素。不幸的是，Selectors does not support this。

根据您对标记的描述，我认为除了DOM操作之外，还有很多方法可以解决这个问题。我希望补充一点，理想情况下，子任务应该用嵌套列表标记。但是，如果您无法控制源标记，则必须找到另一种方法。