Comments on: :active

By: Akshay Iyer

Akshay Iyer — Fri, 11 Aug 2017 04:19:05 +0000

Thank you for making CSS so much fun!
I was doing a portfolio project from FreeCodeCamp and I literally broke down because I couldn’t understand CSS.
I’m so glad I found this amazing website.

By: Jayalakshmi

Jayalakshmi — Thu, 19 Jan 2017 12:32:42 +0000

i have one menu list ..that list element active state color not appered but background color is applying what is the reason of this .

By: Gigi

Gigi — Tue, 20 Dec 2016 13:07:54 +0000

Why didn’t you bring the “focus”element, as advantage over “visited”. Changes every time you click in a new link, avoiding the confusion and letting work the active element every time, perhaps putting together active and focus you get the effect of selection besides the “hover”ing with the mouse every new (not used last time) link…

By: Oksana Romaniv

Oksana Romaniv — Wed, 28 Sep 2016 17:04:32 +0000

Wow, so simple yet powerful! Thank you for sharing!

By: Toneka

Toneka — Wed, 21 Sep 2016 03:25:11 +0000

In reply to Wangdi. Easy solution I found is to give the HTML link a class called active, then in CSS style a.active with your chosen settings. Requires you to manually add class="active" to each link you want done.

By: zz

zz — Thu, 21 Jul 2016 08:10:42 +0000

In reply to Keannu Atilano. zzz

By: Mike

Mike — Tue, 09 Feb 2016 02:55:15 +0000

Errr. top of the list that is. lol

By: Mike

Mike — Tue, 09 Feb 2016 02:54:07 +0000

Thank you so much for the trick! I spent hours trying to figure out why my active state was not showing on my page. I had .active at the end of my list! Keep up the good work!

By: john

john — Wed, 18 Nov 2015 20:44:27 +0000

L :link
O
V :visited
E

H :hover
A :active
T
E

simply good

By: john

john — Wed, 18 Nov 2015 20:41:22 +0000

Nice job

By: BR

BR — Mon, 16 Nov 2015 14:35:38 +0000

In reply to Will. Its work ! Thanks.

By: adam rowe

adam rowe — Tue, 27 Oct 2015 15:59:55 +0000

In reply to Cyberjob000. pneumonic: memory device used in aiding recollection of respiratory woes

By: Jeremy Mouton

Jeremy Mouton — Thu, 25 Jun 2015 21:19:12 +0000

To those asking for a fix on iOS:

Adding this JS line will make the pseudo elements work on iOS.

document.addEventListener("touchstart", function() {},false);
https://stackoverflow.com/questions/3885018/active-pseudo-class-doesnt-work-in-mobile-safari

I don’t really understand how this works, but it does. Magic!

By: Will

Will — Mon, 20 Apr 2015 12:44:56 +0000

For iOS, use: a:link { -webkit-tap-highlight-color: #aa0000; }

By: rehab

rehab — Mon, 30 Mar 2015 11:01:45 +0000

In reply to rehab. 55236