将动态 CSS 选择器转换为静态选择器

Question

我有一个动态 CSS 选择器，它是我在机器人框架测试中唯一可以使用的选择器。我有什么方法可以使用这个选择器或者使用正则表达式吗？

这是我的选择器：

#weekend11063281 > a:nth-child(1)

欢迎在#weekend 之后删除动态 ID 部分的任何解决方案！

谢谢

Answer 1

下面的代码应该可以解决您的问题

//HTML
<div id="weekend11063281">
    <div>one</div>
    <div>two</div>   
</div>

//CSS

[id^='weekend'] > div:nth-child(1) {
    color: red;   
}

Answer 2

我能想到的唯一方法是使用其他方法来选择您想要的元素。假设您有许多元素的 ID，例如 #weekendxxxx，并且所有元素都使用名称 属性 weekend。您现在可以使用选择器 "name=weekend" 在 selenium 中获取所有周末记录。当然你不需要引号。

在我们上面的例子中，我们会得到不止一条记录。请记住，名称 属性 在 html 中不是唯一的。因此，这使您需要执行上面的第 n 个子部分。