본문 바로가기
코딩

css 그룹 스타일 지정

by euntori 2018. 1. 25.
반응형

그룹 묶음 스타일을 사용해야 할 때가 있음

예를 들면, 

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

Designed by 티스토리