玩转Selenium 之三分钟解决遇见伪元素该如何处理？

问题发生

在很多前端页面中，大家会见到很多：:before、::after 元素，比如【百度流量研究院】：

​

比如【百度疫情大数据平台】：

​

以【百度疫情大数据平台】为例，“累计确诊”文本并没有显示在 HTML 源代码中，如果通过常规的 xpath 元素定位方式是没办法的，因为“累计确诊”文本并不存在当前页面 dom 树中。

如何处理？

我们要弄清楚的是该元素的特殊之处，文本究竟存放在哪？

其实很简单，通过 Chrome 的 F12，我们将 style 选项展示出来：

可以看到元素的文本保存在 CSS 样式里面，通过 content 属性进行设置。

这里还有个小问题：文本根本对不上呢&#