From bc74b8ebe6fbd815c8e400bade1934014a9fb1f8 Mon Sep 17 00:00:00 2001
From: Greet <43548163+GreetVdL@users.noreply.github.com>
Date: Thu, 14 Dec 2023 16:00:20 +0100
Subject: link pseudo classes info added (#4129)

---
 css.html.markdown | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

(limited to 'css.html.markdown')

diff --git a/css.html.markdown b/css.html.markdown
index b8adc886..948b70ac 100644
--- a/css.html.markdown
+++ b/css.html.markdown
@@ -102,19 +102,24 @@ div.some-parent.class-name { }
 /* There are some selectors called pseudo classes that can be used to select an
    element only when it is in a particular state */
 
-/* for example, when the cursor hovers over an element */
-selector:hover { }
+/* for example, when a link hasn't been visited */
+selected:link { }
 
 /* or a link has been visited */
 selector:visited { }
 
-/* or hasn't been visited */
-selected:link { }
-
 /* or an element is in focus */
 selected:focus { }
 
-/* any element that is the first child of its parent */
+/* or when the cursor hovers over an element */
+selector:hover { }
+
+/* or when a link is clicked on */
+selector:active { }
+
+/* These pseudo classes regarding links should always be written in the above order or the code might not work as expected */
+
+/* Any element that is the first child of its parent */
 selector:first-child {}
 
 /* any element that is the last child of its parent */
-- 
cgit v1.2.3