Changing attribute value for a pseudo-CSS class

Asked Feb 12 '16 at 01:39

Active Feb 12 '16 at 01:39

Viewed 20 times

So, I've been trying to find an easy and simple way to access a pseudo CSS class via JavaScript/jQuery but it seems that isn't possible due to those parts not specifically being on the DOM. Essentially, I need help programmatically changing the background value in the following snippet:

.navbar .link::after {
   content: '';
   display: block;
   margin-top: -13px;
   width: 0;
   height: 5px;
   background: #ffffff;
   transition: width .3s;
}

I was trying to do $('.link::after').css('background','gold'); but that did not work. How can I tackle this?

Also, here's the fiddle.

asked Feb 12 '16 at 01:39

najm

1

how about you define a new class with desired background and attach it to your `.link` element when needed? – Zoltan Toth Feb 12 '16 at 01:54
@ZoltanToth Wow I can't believe I didn't realize that. Thank you so much! – najm Feb 12 '16 at 03:37

Changing attribute value for a pseudo-CSS class

0 Answers0