css에서 name 속성과 id 속성의 충돌 문제

XHTML 1.0부터는 이전 버전의 브라우저와 호환성을 위해 태그(tag) 요소 등에 name 속성과 id 속성을 같은 값으로 지정하면 스타일이 충돌할 가능성이 있다.

 

예를들어

 

a[name="c1"]{ color: red; }

a#c1 { color: yellow; }

 

위 같이 <a href= ...></a> 태그에 css를 적용하면 충돌한다.

 

스타일의 개별성 규칙에 따르면 a[name="c1"]은 11이고 a#c1은 101이므로 id 속성이 우선된다.

 

만약 이 경우에 name 속성을 우선시 하고 싶다면

a[name="c1"]{ color: red!important; }   와 같이 사용해야 한다.