클래스순서질문입니다.
환찬
2023.04.01
클래스 위치에 따라서
웹브라우저에 영향을 주나요??
상황
index.html 에 마크업을 해두고!!
외부 css를 만들어 불러와서 쓰는데요~
.top{}
#maintop{}
요렇게 있을때는 잘되다가요!!
#maintop{}
.top{}
요렇게 바꾸면 브라우저에서 깨져서보이네요!!
근데 여기서!!
아직 #maintop의 속성을index.html에서 적용을 하지 않았는데요!!
브라우져에서 깨져보이는건 왜 그럴까요??
-
비마중
skell83 // 이 경우에는 .top 클래스와 #maintop 아이디의 선언이기 때문에 셀렉터 우선순위상 위치에 상관없이 #maintop 이 적용 됩니다.
순서 문제는 아닌거 같고 수다님 말씀처럼 #maintop{} 부분에서 문법상 오류가 있어 .top{} 이 적용이 안됬을 가능성이 큰것 같습니다. -
민트
민즈 // 아 같은 레벨이라는걸 생각안하고 상속이라는걸 중점으로 적어서 그렇게 되었네요 ㅎㅎ
좋은지적 감사합니다 ^^ -
한결
.top 에 width:100px;되었다가 #maintop에 width: 200px;이 되었는데 이 순서가 바뀌면 문제가 생기겠죠.
css와 자바스크립트는 순차적으로 적용이 된답니다. 그래서 항상 상속을 생각하시면서 작업을 하셔야합니다. ^^ -
피스케스
; . 요런놈들이 잘모들어갔을수 있구요 위치에 닫는 부분이나 ;} }; 요론부분 체크롤 잘해주세요
혹시 우선순위 때문에 도 그럴수 있으니 마크업 구조와 css 를 좀더 확보 해주시구요