Is it normal to have two elements with same id in two div elements with other id?
Question by Syom
i know, that two elements can’t hav the same id. But it’s happens so, that in my project i have two elements with same id in other divs, like this
<div id="div1">
<img id="loading" />
</div>
<div id="div2">
<img id="loading" />
</div>
and css:
#div1 #loading
{
some style here...
}
#div2 #loading
{
another style here...
}
works fine for me, but maybe it is not reccomended to do by so?
Thanks
UPDATE
Yes, i know, thet i can use classes, and it’s strongly recomended to do by so, but i want to know is there any potential risk in this usage of id?
i think no, becouse when i wrote for example
$("#div1 #loading")... it becomes a unique element.
isn’t it?
Answer by Starx
Change your id to class. It is not a good idea to give duplicate id.
Think two students having same roll no in a class. Imagine them getting examination result. How will the school be able to recognise the marksheet?
Your way is not cross browser compatible, and will affect a lot while coding JavaScript, and posted form etc
You can get the same effect using class
see
<div id="div1">
<img class="loading" />
</div>
<div id="div2">
<img class="loading" />
</div>
and css:
#div1 .loading
{
some style here...
}
#div2 .loading
{
another style here...
}
