2015-10-29 167 views
-1

我有一個按鈕,就是這樣僞元素按鈕添加與鏈接

<a class="button wc-order-pay-button" href="...">pay now</a> 

一個鏈接,並希望前添加一些文字,我嘗試使用pseudoelement像

.button.wc-order-pay.button:before{content:"My text;"} 

但它不工作。你可以不使用帶有鏈接的僞元素嗎?

+1

'.wc階pay.button'應該是'.wc階付費button'。 – BoltClock

回答

3

你有一個錯字。在CSS類名稱應該是.wc-order-pay-button

.button.wc-order-pay-button:before { 
 
    content: "My text;" 
 
    }
<a class="button wc-order-pay-button" href="...">pay now</a>

+0

對不起,我的mistkae。在我的CSS中,我有正確的選擇器,但它仍然無法正常工作。 –

+0

@MaditavonBirkenlund如果您不包含更多信息,無法幫助您。 –

+0

你究竟需要什麼?在我的Woocommerce電子郵件中有一個PayPal按鈕發送給客戶,並且此按鈕是Paypal的鏈接,用於提供付款鏈接。我提到了上面的html。如果我使用選擇器並添加一種類似於顏色或字體大小的樣式,它將起作用,但不會與:before ... –