Lesson 18: CSS Pseudo-classes HELP!

where are the examples for teachers!
There are some really tricky puzzles on this level that aren’t explained properly especially for the challenges on screen 9
Students really got lost on this and I admit so did I. A very cool lesson but needs to be a bit more explained

2 Likes

Did you find the documentation page on them? It has some explanations, but any of those are still confusing, I’m happy to make a page with some examples that I could share…

studio.code.org

Code.org

Anyone can learn computer science. Make games, apps and art with code.

Mike

Also, here’s another page with more documentation, but this is written at a level above most students’ heads…

Then, here is a good beginner level youtube tutorial: https://youtu.be/fWnXVwULqrE?si=v8vVbQ1okgTAXfeO

Hope this helps.

Mike

1 Like

These are helpful! Thank you!
Students are struggling with some of the challenges / activities and although the coding seems correct to both of us, things are not working properly or as expected. The example for teachers is a great resource to help us problem solve why things are not working as they should.

Feel free to share any links with us if you can’t figure out why they aren’t working. Sometimes, it’s the 2nd pair of eyes that can help you debug!

Mike

I don’t think level 2 works correctly. Following the give code does nothing to the style of the link

@tyoung,

I just took at look at that level and I think I know what is going on.

The first time I styled the links, it worked perfectly. I could style the link color and the visited color with no issues.

Then, I clicked on the link. This of course made the “visited” links work. However, after this point, you can’t really change anything in the link styling because the visited link takes precedence because there’s no way to “unvisit” a link.

However, it’s more complicated than that, because I decided to reset the activity. After I did that, the link turned purple …

Then I realized that even after resetting the activity, the link will still remain in the visited state because the browser I was doing the activity in recognizes it as a visited link and the only way to fix that is to clear the browser cache.

So, it works … exactly once.

The workaround would be to delete the Google link and add a new link (especially if you are teaching this and demonstrating the lesson for multiple classes).

This should be explained more clearly, though, for sure.

Mike

1 Like

That makes a lot of sense. Thank you!

I just posted a question about this and @melynn explained:

1 Like

Yes, that’s true, but is a bit much to expect teachers and students to know and repeatedly do … lol. At the very least, it would be nice for there to be a note in the lesson plan and/or on the page explaining that…

Mike

1 Like

@mwood Yes, it’s true. And it turns out that we in the NYC DOE are not permitted to delete browsing history as that function has been disabled in our Chrome settings. Score 1 point for Edge as Big Brother hasn’t gotten control of that, yet.

1 Like