How to select an element using its ID without the high specificity of the ID selector?

If we use an attribute selector to select an element by its ID then it will have a lower level of specificity than if it was selected with an ID selector. 

For e.g. We can target the same element with [id="ID_name"] and #ID_name but with lower specificity.

HTML

<div id="ID_name">...</div> 

CSS

#ID_name { ... } /* High specificity */

[id="ID_name"] { ... } /* Low specificity */

Tweet about it