Comments on: :active https://css-tricks.com Tips, Tricks, and Techniques on using Cascading Style Sheets. Wed, 14 Jul 2021 19:36:57 +0000 hourly 1 https://wordpress.org/?v=6.4.3 By: Akshay Iyer https://css-tricks.com/almanac/selectors/a/active/#comment-1611042 Fri, 11 Aug 2017 04:19:05 +0000 http://css-tricks.com/?page_id=14148#comment-1611042 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 https://css-tricks.com/almanac/selectors/a/active/#comment-1606199 Thu, 19 Jan 2017 12:32:42 +0000 http://css-tricks.com/?page_id=14148#comment-1606199 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 https://css-tricks.com/almanac/selectors/a/active/#comment-1605630 Tue, 20 Dec 2016 13:07:54 +0000 http://css-tricks.com/?page_id=14148#comment-1605630 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 https://css-tricks.com/almanac/selectors/a/active/#comment-1604331 Wed, 28 Sep 2016 17:04:32 +0000 http://css-tricks.com/?page_id=14148#comment-1604331 Wow, so simple yet powerful! Thank you for sharing!

]]>
By: Toneka https://css-tricks.com/almanac/selectors/a/active/#comment-1604244 Wed, 21 Sep 2016 03:25:11 +0000 http://css-tricks.com/?page_id=14148#comment-1604244 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 https://css-tricks.com/almanac/selectors/a/active/#comment-1602971 Thu, 21 Jul 2016 08:10:42 +0000 http://css-tricks.com/?page_id=14148#comment-1602971 In reply to Keannu Atilano.

zzz

]]>
By: Mike https://css-tricks.com/almanac/selectors/a/active/#comment-1599507 Tue, 09 Feb 2016 02:55:15 +0000 http://css-tricks.com/?page_id=14148#comment-1599507 Errr. top of the list that is. lol

]]>
By: Mike https://css-tricks.com/almanac/selectors/a/active/#comment-1599506 Tue, 09 Feb 2016 02:54:07 +0000 http://css-tricks.com/?page_id=14148#comment-1599506 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 https://css-tricks.com/almanac/selectors/a/active/#comment-1598105 Wed, 18 Nov 2015 20:44:27 +0000 http://css-tricks.com/?page_id=14148#comment-1598105 L :link
O
V :visited
E

H :hover
A :active
T
E

simply good

]]>
By: john https://css-tricks.com/almanac/selectors/a/active/#comment-1598104 Wed, 18 Nov 2015 20:41:22 +0000 http://css-tricks.com/?page_id=14148#comment-1598104 Nice job

]]>
By: BR https://css-tricks.com/almanac/selectors/a/active/#comment-1598030 Mon, 16 Nov 2015 14:35:38 +0000 http://css-tricks.com/?page_id=14148#comment-1598030 In reply to Will.

Its work ! Thanks.

]]>
By: adam rowe https://css-tricks.com/almanac/selectors/a/active/#comment-1597730 Tue, 27 Oct 2015 15:59:55 +0000 http://css-tricks.com/?page_id=14148#comment-1597730 In reply to Cyberjob000.

pneumonic: memory device used in aiding recollection of respiratory woes

]]>
By: Jeremy Mouton https://css-tricks.com/almanac/selectors/a/active/#comment-1595403 Thu, 25 Jun 2015 21:19:12 +0000 http://css-tricks.com/?page_id=14148#comment-1595403 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 https://css-tricks.com/almanac/selectors/a/active/#comment-1593969 Mon, 20 Apr 2015 12:44:56 +0000 http://css-tricks.com/?page_id=14148#comment-1593969 For iOS, use: a:link { -webkit-tap-highlight-color: #aa0000; }

]]>
By: rehab https://css-tricks.com/almanac/selectors/a/active/#comment-1593501 Mon, 30 Mar 2015 11:01:45 +0000 http://css-tricks.com/?page_id=14148#comment-1593501 In reply to rehab.

55236

]]>