:before pseudo class 不工作

Question

在 this page，我想在包含 "ADSL Broadband 1".

的灰色框上方添加一些文本

我试过使用以下 CSS 规则，但它不起作用：

.vc_tta-panels #adsl .vc_tta-panel-body:before {
    content: 'text goes here';
}

你能看看这里有什么问题吗？

Answer 1

您的其他规则覆盖此规则，您应该添加display 属性，例如：

.vc_tta-panels #adsl .vc_tta-panel-body:before {
    content: 'text goes here';
    display: inline;
}

Answer 2

您编写的代码工作正常，但与此同时，它被您在其他地方编写的 CSS 隐藏了。

   vc_tta-panels #adsl .vc_tta-panel-body:before {
     content: 'Hello';
     display: block !important;
   }

附上问题的快照，由于 display:none 给出，它从那里隐藏起来。

:before pseudo class not working