：伪类不工作之前

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给出隐藏的问题。