More Pseudo-classes Challenge 2

div:target { background-color: #EA2E49; }

Hi all,

I don't get it, how does: "div:target..."

matches: "...an element only if it's ID matches the hash in a URL"

I thought it will require something like [id="#"].

Regards, T.

'Please could you try to help me by restating the question in other words so i can comprehend what is being asked or clarify what i am misunderstanding.'

Could not agree more. If/when the 'Fail' message appears, the ambiguous 'check your selector' message doesn't really clarify things.

The question is really poorly worded. It's unnecessarily confusing

in the answer, "div:target { background-color: #EA2E49; }" I feel the part of the question that states, "only if its ID matches a link href attribute", isn't being answered.

Maybe this is a trick part of the question but i feel like the code is missing something. Maybe ":target" covers the link href attribute, and I am misunderstanding "ID matches" part for #id.

Please could you try to help me by restating the question in other words so i can comprehend what is being asked or clarify what i am misunderstanding.

I have exactly the same problem. The challange states: Create a new rule using the selector that targets an element only if its ID matches the hash in a URL. Set the background color to the HEX value EA2E49.

I have consulted this topic: https://teamtreehouse.com/forum/pseudoclass-help-resolved but unfortunately it didn't help much. Guil gave the example below:

.main :target {
    background-color: tomato;
    color: #FFF;
}

I can see from it that there should be a part of the code preceding the :target class, but I have no idea how to construct it.

:target{ background-color:tomato; } Tried dis one fr d challenge nd it actually wrks :)

Hey Simon,

You're close. The keyword in the code challenge is "target". Which selector in the video made reference to this?

Hope this helps :)

Guil

Hi Guil,

Thanks for your response! I think I dug myself into a hole and then kept going around in circles. It makes sense now, but I'll have another read up just to make sure. Thanks again!

Any time!

Even I am stuck on this challenge I tried using target but the error says to check the selector used in my CSS. Here is my CSS

:root { background-color:#BDD4DE; } :target { background-color:#EASE49; }

^^ Agreed

Also agree.

Another agree.

Here's another agree.

This challenge is very poorly worded and it's really confusing.....hope you can reframe the question properly....

I am also seriously stuck on this question. My thought was that it would be something like:

:target([id="#"]) { backgorund-color: tomato; }