Remove an ::after CSS style using jQuery
21,628
You cannot reach pseudo elements using jQuery!
But you can do it with css, and manipulate it using .addClass()
/ .removeClass()
Here is an example how can you remove pseudo element :after
by adding css class:
Your JS:
$('.view-performance').addClass('without-after-element');
Your CSS:
.view-performance:after {
content: 'i go after';
}
.view-performance.without-after-element:after {
content: none;
}
You may also check this question:
stackoverflow.com/questions/17788990/access-the-css-after-selector-with-jquery
Related videos on Youtube
Author by
Mike
Updated on July 12, 2022Comments
-
Mike almost 2 years
I have a CSS file that specifies an
:after
style against a class ('view-performance
')Using jQuery (because my JS file contains the business logic), how can I remove the
:after
style based on the business logic?