[HTML+CSS] 기억하면 좋은 CSS 선택자 (Selector) (2)

1. 기본 속성 선택자

 

1). 선택자[속성=값][속성=값]

 

 

▶ 특정한 속성 안의 값이 특정 값과 같은 문서 객체를 선택함.

 

See the Pen by yeojinho (@yeojinho) on CodePen.

 

2. 문자열 속성 선택자

 

선택자 형태	설명
선택자[속성*=값]	속성 안의 값이 특정값을 포함하는 태그 선택
선택자[속성$=값]	속성 안의 값이 특정 값으로 끝나는 태그를 선택
선택자[속성^=값]	속성 안의 값이 특정 값으로 시작하는 태그를 선택
선택자[속성|=값]	속성 안의 값이 특정 값을 단어로 포함하는 태그 선택
선택자[속성~=값]	속성 안의 값이 특정 값을 단어로 포함하는 태그 선택

 

 

 

See the Pen by yeojinho (@yeojinho) on CodePen.