This can be a bit tricky, I have fallen victim to this before now, so I had to scan through my codes for hours before I was able to see what was wrong.That’s why you need to know this also so you don’t fall victim.
id attribute is used to specify a unique id for an HTML element.
You cannot have more than one element with the same id in an HTML document.
The Selectors spec is very clear about this:
If an element has multiple ID attributes, all of them must be treated as IDs for that element for the purposes of the ID selector.Such a situation could be reached using mixtures of xml:id, DOM3 Core, XML DTDs, and namespace-specific knowledge.
Just to clarify: Yes, an XHTML element can have multiple ids, e.g.
<p id="foo" xml:id="bar">
but assigning multiple ids to the same
id attribute using a space-separated list is not possible.
Hope this was helpful:)