속성 선택자 (Attribute selector)

 

<a href="http://example.com" target="_blink"></a>
<a href="http://example.org" target="_blink"></a>
<a href="https://example.com" target="_blink"></a>
<a href="https://example.org" target="_blink"></a>

1. [attr]

 a[target] : target속성을 가진것만 지정할 수 있다.

 

2. [attr=value]

a[href="https://example.org"] : value값을 통해 속성을 지정할 수 있다.

 

3. [attr^=value]

a[href^="http"] : 캐럿(^)기호를 통해 http로 시작하는 속성만 선택

 

4. [attr$=value]

a[href$=".com"] $을 통해서 .com으로 끝나는 속성만 선택

 

5. [attr*=value]

a[href*="example"] *을 통해 example을 가지고 있는 속성 모두에게 적용