有没有办法在文本后添加伪元素

Question

是否可以在特定文本之后添加伪 :: after ？

目前我有：

<div class="radio_button">
 <label for="button_1">
  ::before
  button 1 text
 </label>

我需要在按钮1文本后添加 :: after

Answer 1

我的评论有更多阐述：您可以在::after元素上简单地使用<label>伪选择器并指定内容。这具有将内容附加到元素内部的效果。请注意，::after伪选择器会将内容注入到元素中，而不是在元素后之后附加内容。

这是一个概念证明示例：

.radio_button label::after {
  content: 'Appended content';
  
  /* For visuals only */
  color: red;
}

<div class="radio_button">
  <label for="button_1">
    button 1 text
  </label>
</div>