2017-05-09 80 views
1

this page,我想在包含「ADSL寬帶1」的灰色框的上方添加一些文本。:僞類不工作之前

enter image description here

我使用下面的CSS規則試過,但它不工作:

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

你能看到這裏有什麼問題嗎?

回答

1

你的其他規則重寫這個規則,你應該添加display屬性,例如:

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

謝謝謝爾蓋。我無法在黑灰色框之前顯示文本。我試過'.vc_tta-panels #adsl .vc_tta-panel-body:before {content:'text goes here';顯示:塊;行高:1.2;寬度:自動;身高:自動; margin-bottom:1em; }' – Steve

+0

@例如,您可以添加'margin-top:-15px'。 –

1

你寫的是做工精細的代碼,但在同一時間,它越來越通過寫你的CSS隱藏一些其他的地方。

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

附加問題的快照,從那裏獲取隱藏由於給出display:noneenter image description here

+0

我無法在黑灰色框之前顯示文字。我試過'.vc_tta-panels #adsl .vc_tta-panel-body:在{ \t content:'text goes here'; \t display:block; \t line-height:1.2; \t寬度:自動; \t身高:自動; \t margin-bottom:1em; }' – Steve