CODEWITHSUNDEEP
cssselector
Fahad Sohail
Fahad Sohail

Reputation: 1836

Display a class using :after

I have a simple problem here. What I need to do is that I need to place a class after span in a button. Like if: 

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

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

So if its not clear, I need to place the custom class after the span of text-button class. I was trying to accomplish this by using 

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

but its not working ...

Upvotes: 0

Views: 39

Answers (1)

Bobby Jack
Bobby Jack

Reputation: 16018

content:attr doesn't work quite like that; it fetches the value of an attribute, rather than setting one (see example). I believe you can't set an attribute in that way - you'll have to apply the individual properties of .custom in the :after declaration manually.

Upvotes: 1

Related Questions