[CSS] 선택자 종류 (CSS selectors)

CSS selectors 자주 쓰이는 CSS 선택자를 정리하고자 한다. 참고로 선택자의 한글 명칭은 사이트마다 다르니 영어 명칭에 친숙해지는 것을 추천한다. 1. Universal selector(전체 셀렉터) *는 페이지에 있는 전체 요소를 대상으로 한다. 하지만 *를 남용하는 것은 좋지 않다. 브라우저에 과부하를 줄 수 있기 때문이다. * { margin: 0; padding: 0; } *를 6.1 Descendant combinator처럼 사용할 수 있다. 예시는 .container의 자식 요소 전체를 의미한다. .container * { border: 1px solid black; } 2. Type selector(태그 셀렉터) 해당 태그명을 가지는 요소를 선택한다. p { color: blue;..