Html 使用CSS选择器定位动态CSS元素

我正在使用一种叫做Stonly的产品来放置工具提示。在这里，我们将使用CSS选择器查找HTML元素以标识工具提示。根据用户的输入，将向他们提供动态任务列表。我试图为一个特定任务定位一个元素，当一个特定任务的位置可能是基于一个用户输入的第26个任务，或者基于不同输入的第25个任务时。每个任务都有一个唯一的关联数据元素

比如说

<a data-beacon-article-modal="5ffe3f6fc64fe14d0e1fa33f">Follow-up with your Lender.</a>

这是当我稍微更改输入时的选择器（任务成为列表中的第25个任务，因此为“div:nth child（25）”

问题： 如果我知道我正在查找数据信标文章modal=“5ffe3f6fc64fe14d0e1fa33f”的位置，无论是第25个还是第26个html元素，基于上述内容，我的CSS选择器应该是什么样的

我试图把div:nth child（26）改成div，但运气不好

#root > div:nth-child(3) > div > div.container > div > div > div > div > div.accrd-cont > p:nth-child(1) > a[data-beacon-article-modal*="5ffe3f6fc64fe14d0e1fa33f"]

---

如果您知道该数据属性是唯一的，请尝试：

 a[data-beacon-article-modal="5ffe3f6fc64fe14d0e1fa33f"]

例如，见：

CSS属性选择器根据给定属性的存在或值匹配元素

如果它是唯一的，则不需要将选择器直接返回到根

#root > div:nth-child(3) > div > div.container > div > div > div > div > div.accrd-cont > p:nth-child(1) > a[data-beacon-article-modal*="5ffe3f6fc64fe14d0e1fa33f"]

 a[data-beacon-article-modal="5ffe3f6fc64fe14d0e1fa33f"]