a 태그에 대해서 궁금해서 올립니다~
리리
2023.04.01
a 태그 관련 style 우선순위 때문에 궁금해서 올려요.(꼭 a 태그에 한정된 문제는 아니라고 생각해요 ^^;)
=== common.reset.css ===a { cursor: pointer; }
=== layout.css ===#menu a { cursor: pointer; text-decoration: none; }
=== xxx.html ===ul id=menulia href=#테스트/a/lili/li/ul
위와 같이 a 태그의 text-decoration: none을 했음에도 불구하고 스타일 적용이 되지 않더군요...그런데 제일 상위 (common.reset.css 파일)의 a 태그에=== common.reset.css ===a { cursor: pointer;text-decoration: none;}
을 적용하니스타일이 정상적으로적용되는걸 보았는데요 이것은 어떤 효과 때문인건가요?include는 common.reset.css, layout.css 순으로 했어요
-
꺆잉
css 읽히는 순서가 맞았네요 ^^;; 다른 곳에 중복 선언되어서 안 변하는 거였어요~ 고마워요 ^^
-
휘율
css 읽히는 순서도 중요하리라 생각되네요 혹 layout.css 이후에 common.reset.css이 읽히는게 아닌지 확인이 필요할것 같아요
-
거늘
답변 고맙습니다 ^^;
-
샤르
dd
-
좍좍
답변 고맙습니다 ^^;
-
agine
#menu li a {cursor: pointer; text-decoration:none;}