반응형
그룹 묶음 스타일을 사용해야 할 때가 있음
예를 들면,
step_1, step_2, step_3
이런 클래스를 한꺼번에 스타일을 줘야한다면
[class^="step_"]{color: #333}
이런식으로 줄여서 쓸 수 있음.
앞에 ^= 는 괄호 안에 텍스트에 해당하는 클래스를 찾아 한꺼번에 처리 해줌
응용하면
[href^="http"]{color: #aaa}
이 문구는 링크에 http 로 시작하는 모든 코드에 속성을 줌.
자세한 것은 아래 참조
https://www.w3schools.com/cssref/css_selectors.asp
반응형
'코딩' 카테고리의 다른 글
[css] sass (0) | 2018.09.11 |
---|---|
[CSS] 수직 중앙 정렬 (0) | 2018.09.11 |
동천학교 신문기사 (0) | 2018.01.12 |
[html] input file css (0) | 2017.10.11 |
[html] 셀렉트박스 기본값에 관해 (2) | 2017.10.10 |