如何隐藏网站带data-f-id属性的<p>标签,无ID类时能否用CSS实现?
完全可以通过CSS隐藏该标签,你可以使用CSS属性选择器匹配该元素的专属自定义属性,不需要ID或类即可实现精准选中。
你只需要在站点的自定义CSS中加入如下代码即可:
p[data-f-id="pbf"] { display: none !important; }
- 上述代码中的
[data-f-id="pbf"]为CSS属性选择器,会精准匹配所有data-f-id属性值为pbf的元素,前面添加标签选择符p是为了进一步限定匹配范围,避免误伤其他同属性的非p标签元素。 - 代码中加入
!important是为了覆盖该元素自带的行内样式,避免CSS优先级不足导致隐藏规则不生效。
如果后续这个自定义属性被修改,你也可以组合该元素的其他样式特征做更复杂的匹配,但通常这类功能自动生成的自定义属性标识不会随意变更,上述方案已经足够稳定。
内容的提问来源于stack exchange,提问作者neuron
相关产品推荐
相关产品推荐

