[CSS] 선택자 옵션

자주 사용하는 클래스 명 선택자 옵션은 아래와 같다. 

값이 특정하는 단어의 전체일 필요는 없다.

 

1. [class^="btn-"]

class 명이 "btn-"으로 시작되는 모든 선택자들

 

2. [class*="test"]

class 명 중에 "test"를 포함하는 모든 선택자들

 

3. [class$="--outline"]

class 명 중에 "--outline"으로 끝나는 모든 선택자들

 

참고 사이트 : https://www.w3schools.com/css/css_attribute_selectors.asp

CSS Attribute Selector