In CSD Unit 2 Lestson 18, students learn about pseudo-classes.
One of the “states” of a link is “not visited”. This corresponds to the “a:link” pseudo-class.
Once you visit a link, its state changes to “visited”, which triggers the “a:visited” pseudo-class.
Is there a way to reset the status of a link so that students can test the style for the “a:link” state?
Hi @jwilson25,
The state “visited” is pulled from the history of the browser. If you go to the browsers history and delete that web address (or clear history), it should reset.
Mike (@mwood ) knows his stuff . I am sure that is what he meant by “clear the cache”.
I did just test it with Web Lab. I tested the link using the SHARE button, then deleted the page in history and went back to the link and it no longer had the a:visited style. I have also taught kids to test in a secondary browser they use less often so it is easier and less impactful to delete link history.
I actually reported that lesson to code.org and suggested they use a different example because it’s unnecessarily complicated and a bit confusing if you are demoing the lesson more than once or trying to troubleshoot and redo it as a student.
Not sure if they’ll address it in a future update, but yes, it’s a bit tricky.