：擬似クラスが動作しない前に

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のために隠された問題のスナップショットを添付します。