Assessment wanted for Selectors Skill Test: Task1,2,3,4 &5

Hi there!

I hope you all are well and healthy.
There is a Selectors Skill Test for assessment.
The assessment link is:


My Glitch Links are:
https://selectors-task1.glitch.me

https://selectors-task2.glitch.me

https://selectors-task3.glitch.me

https://selectors-task4.glitch.me

https://selectors-task5.glitch.me

Thank you in advance for assessment.

Have a nice day :slightly_smiling_face:

Arshad

Hi @sarshas356

Task 1: Everything looks good.
Task 2: I noticed that you had .container in most of your selectors. What would happen if you got rid of these e.g, #special instead of .container #special ?
Task 3: All good here. You get the desired result. However, do you think you can minimize your code by renaming your selectors?
Task 4: All looks good here.
Task 5: All looks good here.

1 Like

Hi!
Thank you for assessment and noticing of use of unnecessary “.container”.
If i remove “.container” from the Task1, then it also works, there is no need to use the “.container” because there is only one h1, h2 and span elements in the document.

In Task2, also there is no need to write the “.container” because “#special” alone can work because there is only one id in the document.
Same is the case with “.alert”, “.alert.stop” and “.alert.go”.

In Task3, “a:link”, “a:visited” & “a:hover” alone can work also as there is only one “a tag” element in the document.

In Task4, i also remove unnecessary code.

Have a nice day :slightly_smiling_face:

Arshad

2 Likes

Hello to both of you

Having too complex selectors is an excellent observation by @vusithedev.
Here’s a general recommendation when writing CSS.

Make your selectors as simple as possible.

In real projects you will often need a more specific selector to overwrite a previous one. When you already start with a complex selector you’ll have very complicated selectors in no time.

Michael

1 Like

Hi Michael!

Thank you so much for your time and feedback.
Have a nice day :slightly_smiling_face:

Arshad

1 Like