Meow
Meow

Reputation: 19071

CSS - some ID selector is not working

Can anyone tell me why using first selector is not working and style is ignored and second one works? I double checked the typo so it is not human error.. I'm wondering when browser reads CSS it does not like that particular text for some reason?

http://jsfiddle.net/cyvv3efs/2/

<div id='10305a09-55f0-4a3c-a710-2f0449ae7d44'>not work</div>

<div id='f9392ae0-954a-4d87-baf6-127d9c253877'>works</div>

#10305a09-55f0-4a3c-a710-2f0449ae7d44
{
    border:1px solid red;
    width: 100px;
    height:20px;
}

#f9392ae0-954a-4d87-baf6-127d9c253877
{
    border:1px solid red;
    width: 100px;
    height:20px;
}

Upvotes: 0

Views: 94

Answers (1)

Zaenille
Zaenille

Reputation: 1384

Your id cannot start with a number. Try adding a letter before and it should work.

enter image description here

See this related question as well.

Upvotes: 3

Related Questions