：在伪类不起作用之前

Question

在this page，我想在包含“ADSL 宽带 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，它从那里被隐藏了。