colon in HTML

CSS (green background if selector was applied):

[a\:foo]

@namespace aria ...; [aria|foo]

.getAttribute('a:foo')

Returned: bar

.getAttributeNS('...', 'foo')

Returned: null

a:foo='bar'

[object Attr]
nodeName: a:foo
localName: a:foo
namespaceURI: null

setAttribute('a:foo', 'bar')

[object Attr]
nodeName: a:foo
localName: a:foo
namespaceURI: null

setAttributeNS('...', 'a:foo', 'bar')

[object Attr]
nodeName: a:foo
localName: foo
namespaceURI: http://www.w3.org/2005/07/aaa