속성 선택자 with ^, $

<button class='btn-success'>1</button>

<button class='btn-danger'>2</button>

<button>3</button>

 

 

[attr^=value]

 

예시)

[class^='btn-']

클래스명이 'btn-'로 시작하는 요소에 css 적용

** 숫자 1,2가 기재된 버튼에 css 적용

 

 

 

 

 

[attr$=value]

 

예시)

[class$='success']

클래스명이 'success'로 끝나는 요소에 css 적용

** 숫자 2가 기재된 버튼에 css 적용