본문 바로가기
Front-end/HTML CSS

selector

by warrior.p 2022. 4. 15.

태그 이름으로 선택을 하는 것은 type seletor  이 것은 정확하지 않기때문에 class 명으로 상세히 셀렉터를 설정해주는 것이 좋다.

셀렉터는 구체적으로 기재되어야 우선순위가 올라서 원하는 곳에 속성을 적절하게 적용 할 수 있다. 

/ 파악이 쉽다.

(동일한 셀렉터일 경우 제일 나중의 것의 속성이 적용된다.)

 

html 마크업에서 바로 style을 적용한 것

!important 를 넣어준 것

#id명 을 적어준 것

상세한 셀렉터들.. 

잘 구분하여 셀렉터를 설정하고, 속성을 넣어주고, 검사를 통해서 확인을 잘하자. 

 

 

'Front-end > HTML CSS' 카테고리의 다른 글

float  (0) 2022.04.17
auto 키워드 알아보기  (0) 2022.04.16
containing block/initial value/box-sizing/negative margin  (0) 2022.04.14
position, vw,vh(반응형웹사이즈!), z-index  (0) 2022.04.10
position (transform/position)  (0) 2022.04.08