Hey all, as far as I can tell, the CSS id selector is first introduced in step 8 of the accessibility quiz. I searched the previous courses and couldn’t find it in any of those. Does anybody know if I’m missing it and it is introduced before step 8?
The reason I ask is because step 8 instructs the user to use the id as the selector but it doesn’t tell them how to do that. The only way they find out is to get it wrong and then the hint will give them the correct selector. Personally, I don’t think this is the best way to introduce a new selector and I was thinking of opening an issue about it, but I wanted to make sure that accessibility quiz step 8 is really the first time the id selector is used, or perhaps I missed it in a previous course.
Hmm, I’m not seeing id="gallery" for any element in step 21. I’ve reset the step and cleared my cache a dozen times. And are you saying you are seeing an id selector in the CSS as well? Because that’s the one I am really concerned about.
The attribute is introduced in the first project, but not as a CSS selector.
Even though I’m against using ids for CSS I do agree it should be introduced sooner. Maybe we can do it in the “Building a Cafe Menu” for the footer element?
I think I’m pretty certain now that the first use of the CSS id selector is step 8 of the accessibility quiz. Whether we want to explain it there or introduce it in an earlier course I’ll leave up to the hive mind to decide. But I am going to open an issue about this so that we can discuss it more there.
Basically, the ID selector has 1. symbol (#)
2. Uniquely identified
3. Use once in the HTML (For unique case style)
In CSS, how it is used → #logo{
min-width: 250px;
width: max(100px, 18vw);
}
In HTML →