css - 使用 :after 显示类

Question

我这里有一个简单的问题。我需要做的是我需要在按钮中的 span 之后放置一个类。比如:

<button class="test-button"> 
<span>This is button</span>
</button>

<span class="custom"> I need to place this after Test button using :after </span>

因此，如果不清楚，我需要将自定义类放在文本按钮类的范围之后。我试图通过使用

.test-button span:after {
    content:attr([class=".custom"]);
}

但它不起作用......

Answer 1

content:attr 并不是那样工作的；它获取一个属性的值，而不是设置一个(see example)。我相信您不能以这种方式设置属性 - 您必须在 :after 声明中手动应用 .custom 的各个属性。