Q&A
선택자 적용에 대한 질문 드립니다.
답변주셔서 감사합니다. 선생님. 선택자 우선순위에서요. 선택자마다 부여되는 점수도 다르고 (tag선택자 1점 class선택자 10점 id선택자 100점 inline style 1000점 !important 제일 높음) 구체적으로 불러오면 더 우선순위가 높은 거잖아요. 그런데 위에서는 .btn {} 으로만 코딩해줬는데 왜 'CEO 시작하기'는 적용되고 '사용자 가이드'는 padding값이 적용되지 않은 건지 답답했는데요. 이유를 찾은 것 같아요. 아래 guide부분에 보면 , .guide { padding-top: 0; } -> 이 부분때문에 동일한 우선순위이기 때문에 나중에 작성된 guide의 padding-top: 0가 적용된 게 아닐까 싶어요. 사용자 가이드 .btn{} .guide {} 그러니깐 선생님 강의대로 .welcome-btns .btn.{}이렇게 지정해주는 게 맞는 거라고요. 봐주셔서 감사합니다.
- Likes
- 2
- Comments
- 2
- Viewcount
- 316