목록2023/12/11 (1)
사이먼's 코딩노트
[HTML & CSS] 선택자 힘 / ul과 li 태그 / 디자인삼성 탑바 제작(3)
[css선택자 힘] [1순위] : 선택자로 선택된 클래스 선택자 (section > .color-box) [2순위] : 혼자있는 클래스 선택자 (.color-box) [3순위] : 선택자로 선택된 태그 (section > div) [4순위] : 혼자있는 태그 (div) [공통 특징] 같은 순위끼리는 가장 아래쪽에 있는 식이 실행된다. 순위의 순번이 낮을 수록 제일 후순위로 밀려 실행된다. 라이브러리는 2순위인 혼자있는 클래스 선택자로 되어있고, 커스텀을 하기 위해선 1순위인 선택자로 선택된 클래스 선택자로 지정하여 커스텀해야 한다. 라이브러리는 개발자 모드(F12)에서 관찰할 때 클래스 선택자로 지정되어 있기 때문에 1순위로 만들기 위해 상위 엘리먼트를 포함한 선택자를 지정해야한다. See the Pen..
HTML & CSS
2023. 12. 11. 10:50