使用链接将伪元素添加到按钮

Question

我有一个按钮就是这样的链接

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

并且想在之前添加一些文本，我尝试使用像

这样的伪元素

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

但它不起作用。你可以不用链接使用伪元素吗？

Answer 1

你有一个错字。 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>