CSS 속성 선택자

속성 선택자는 특성 속성명이나 속성값을 가진 요소에 스타일을 적용하기 위한 선택자다. 속성 선택자에는 네 가지 서식이 있다. 1. 요소명[속성명] id의 값은 관계 없이 id가 존재하기만 하면 된다. ex) h1[id] { color: red; } 2. 요소명[속성명="속성값"] ex) h1[id="abc"] { color: red; } 3. 요소명[속성명~="속성값"] 요소 중에서 그 속성명을 가지고 속성값을 공백문자로 구분하여 복수지정한 경우 그 속성 값이 포함된 요소에 스타일을 적용한다. ex) P[class~="note"] { color: red; } <p class "va1 va2 note">aaaaa</p> 4. 요소명[속성명|= "속성값"] 요소 중에 그 속성명을 가지고 속성값을 하이픈(-)으로 구분하여 복수지정한 경우 그 속성값의 앞 부분이 일치하도록 포함된 요소에 스타일을 지정한다....

원문링크 : CSS 속성 선택자