Question

在检查网页时，我发现了一个感兴趣的HTML元素，并查看了下面的css样式属性。

.Node-bullet:before {
    font-family: "IcoMoon", sans-serif;
    font-size: 16px;
    content: "\e90d";
}

我正在尝试使用时尚（chrome插件）来覆盖CSS。

.Node-bullet:before[content="\e90d"]{
    content: none !important;   
}

不幸的是它无法正常工作。有没有办法专门搜索具有现有属性[content]的CSS类，过滤其值[\e90d]并覆盖它？

我知道这对于生产级别的网站来说效率不高，我只是修改我的笔记本应用程序客户端。我试过看其他选择器，比如后代，但我似乎无法找到一个简单的模式

修改

整体HTML结构如下所示：

<div class="Node-self">
  <div class="Node-bullet">
  ::before <!-- SELECT THIS -->
  ::after
  </div>
</div>

<div class="Node-self is-collapsed">
  <div class="Node-bullet">
  ::before <!--DO NOT SELECT THIS -->
  ::after
  </div>
</div>

Answer 1

content是一个属性，before是一个选择器：你不能混合它们。

例如，您可以找到属性目标_blank的所有锚点，但不能找到特定的＆＃34;内容＆＃34;或＆＃34;背景＆＃34;。

a[target=_blank] {
}

Answer 2

不是这个问题的具体答案，而是我使用带有后代选择器的NOT的整体问题的答案

.Node-self:not(.is-collapsed)>.Node-bullet:before{
    content: none !important;
}

CSS用于定位具有特定属性值的类

2 个答案: