cloudflare dashboard页面元素如何选择

OpenAI

本帖最后由 OpenAI 于 2024-2-22 23:01 编辑

小白提问，cf页面元素的class咋都是一些乱七八糟的命名呢？如下图：

针对同一个元素，每次刷新页面后，这class都会变一番：

• main > div > div > div.c_iy
• main > div > div > div.c_qk
• main > div > div > div.c_or
• main > div > div > div.c_qi

我想要隐藏一些不需要的元素，我用的这个规则
main > div > div > div:nth-child(3) {display: none;}
虽然成功了，但是也会误杀掉部分其他页面的元素。

想问问大佬们有没有啥好法子呢，谢谢！

OpenAI

补充一下图片😂

就这个元素，main > div > div > div.c_or

• 它的类，我每次刷新完就是一个完全不同的类名
• 由于cf的管理页面基本类似，用main > div > div > div:nth-child(3)去匹配会导致其他页面的元素也被选上了。

实在是不知道咋选，才能最精准😑

806350554

用内容选择器行吗

王一之

806350554 发表于 2024-2-23 09:32
用内容选择器行吗

我觉得这情况用内容选择器是会好点

不过得额外引入其它的库，写起来麻烦点

jquery就支持

steven026

王一之 发表于 2024-2-23 10:01
我觉得这情况用内容选择器是会好点

不过得额外引入其它的库，写起来麻烦点

原生querySelectorAll然后filter也可以 就是没包装过看上去比较乱

cxxjackie

可以试着从附近不变的元素去推导：

1. main > div > div > a#skipTarget + div + div:nth-child(3)

复制代码

https://developer.mozilla.org/zh ... -sibling_combinator

OpenAI

谢谢楼上大家的思路，我来学习学习👍