feat: add css attribute selectors lab prototype

[Dario-DC]

Checklist:

• [x] I have read freeCodeCamp's contribution guidelines.
• [x] My pull request has a descriptive title (not a vague title like Update index.md)

Closes #400

In this case I would provide an example page to show how the final result should look like.

[zairahira]

As the lab is focused on CSS selectors, I think, the prototype should incorporate a few attribute selectors.

According to the project sheet, the lectures before this lab focus on:

• What is the attribute selector and how can it be used to target links with the href and title attribute?
• How to use the attribute selector to target elements with the lang and data-lang attribute.
• How to use the attribute selector to target ordered list elements with the type attribute.

[jdwilkin4]

Yeah, I agree with Zaira here that we need to include at least one user story for an attribute selector since that is what this module is about.

So in the previous workshop here, they focused on the class attribute selector https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-more-about-css-pseudo-selectors-by-building-a-balance-sheet/step-66

So you can either add that or one of the other attribute selectors Zaira mentioned

[Dario-DC]

You're absolutely right, my bad. Sorry about the confusion.

I changed user stories to require class attribute selectors. Probably overcomplicated now, but at least it's pertinent to the topic.

[zairahira]

The prototype is looking great! Now there is plenty of practice available for attribute selectors.