둘기노트 둘기노트

오늘은 CSS 선택자와 그 우선순위에 대해 정리해보고자 한다. 아는 것들만 쓰게 되지만 다시 한번 정리하는 차원에서 자세히 뜯어보고자 한다. 먼저 CSS 선택자는 인라인 CSS > 외부 > 내부 순으로 적용된다. 존재하는 모든 선택자들을 테이블로 정리하면 다음과 같다. 선택자 문법 설명 아이디 #id - 중첩 사용 가능 - 문서 스타일이나 자바스크립트 선택자 사용할 때 대체로 사용 클래스 .class - 섹터 구분할 때 주로 사용 - 중첩 사용 가능 - a 태그를 활용하여 특정 id 로 이동 가능 하위선택자 section ul {} - 태그 안의 태그를 선택할 때 사용 자식선택자 section > ul {} - 부모 요소의 자식 요소를 선택 인접 형제 선택자 h1 + ul {} - 앞 태그 직후 나오는 ..