删除“::之前”— CSS

Question

目前我在 blogger 上的博文标题看起来像这样。所以我想从我的博客中删除这个看起来像“-”的元素，它是一个::before。我尝试了这个建议 here 并使用了一点独创性添加了一个 CSS 像这样：

div.post-body-container::before{
    content: none;
}

以及相同的其他一些变体。我哪里错了？
This is my blog 顺便说一句，如果需要的话，我正在使用 Soho Neon 主题。

Answer 1

请尝试使用 content: ''。

div.post-body-container::before {
  content: '';
}

Answer 2

您使用的是最少指定的选择器。

在您的 CSS 中，用于添加“-”的选择器是 body.item-view .post-body-container::before，因此只有 div.post-body-container::before 您将无法修改规则。

您必须使用更具体的选择器或使用不同的规则将其删除（又名 display: none）。

PS: 放在后面的同一个选择器就可以了

body.item-view .post-body-container::before {
    content: none;
}

/* or */

.post-body-container::before {
    display: none;
}