Assessment Requested for Skill Test: CSS Selectors

MDN Learn
1

Task
I would like to have an assessment on the tasks mentioned in this page:

My Code - Task 1
Source Code: mdnassessments/css-selectors/task1.html at main · mariaringes/mdnassessments · GitHub
Deployed Code: Selectors: Type Selectors

My Code - Task 2
Source Code: mdnassessments/css-selectors/task2.html at main · mariaringes/mdnassessments · GitHub
Deployed Code: Selectors: Class and ID Selectors

My Code - Task 3
Source Code: mdnassessments/css-selectors/task3.html at main · mariaringes/mdnassessments · GitHub
Deployed Code: Selectors: Pseudo-class and Pseudo-element Selectors

My Code - Task 4
Source Code: mdnassessments/css-selectors/task4.html at main · mariaringes/mdnassessments · GitHub
Deployed Code: Selectors: Combinators

My Code - Task 5
Source Code: mdnassessments/css-selectors/task5.html at main · mariaringes/mdnassessments · GitHub
Deployed Code: Selectors: attribute selectors

2

Well done, @maria_ringes! :clap:

Here are my comments:

  • In general, be aware that background is a short-hand property and will set all unused properties to their default values. It doesn’t matter in these tasks, but is a good thing to know.
  • Task 1: :white_check_mark: Correct.
  • Task 2: :white_check_mark: Correct.
  • Task 3: :white_check_mark: Correct.
  • Task 4: :white_check_mark: Correct. It’s okay to just use .list instead of ul.list.
  • Task 5: :white_check_mark: Correct. I recommend using double quotes around the values in attribute selectors (e. g. a[href*="contact"]).

Have a nice weekend,
Michael

3

Thank you @Michael for your suggestions. I have updated my code to reflect those for Task 4 and 5.

4

Great improvements!

In task 5 there’s another value needing quotes. Apart from that everything is fine now.

5

All set! Thank you :slight_smile:

1 Like