• 카테고리

    질문 & 답변
  • 세부 분야

    웹 개발

  • 해결 여부

    미해결

css 선택자의 모든-선택자 우선순위가 중요한 이유 강의 내용중에서

23.03.15 11:29 작성 23.03.15 11:32 수정 조회수 372

1

안녕하세요 수강을 시작한지 얼마 되지 않은 학생입니다. 강의를 듣던중 질문이 생겨 질문드립니다.

 

강의 12분 경 선택자 우선순위를 설명하시면서 외부 스타일시트 보다 내부 css가 더 우선한다고 말씀해주셨는데

<link rel="stylesheet" href="style.css">

<style>

h1 {

color : yellowgreen;

}

</style>

 

이런식으로 구성되어 있는데 내부 css가 우선해서 yellowgreen 이 적용된다는 식으로 말씀을 해주셨는데 우선순위가 같을 경우 top-down 으로 적용되다 보니 yellowgreen이 적용되는거 아닌가요 style 태그가 link 태그 상단으로 이동된다면 결과는 반대가 됩니다 우선순위가 같을 경우 나중에 쓴것이 덮어쓴다고 알고있습니다 하신 말씀이 오해의 소지가 있는거 같아 질문 남깁니다

 

답변 부탁드리겠습니다 감사합니다.

답변 1

답변을 작성해보세요.

0

말씀하신데로 링크된 css는 head에 위치하고 내부 스타일은 링크된 css에 위치합니다. 그래서 top-down이 적용될 수 밖에 없습니다. 물론 링크된 css가 내부 스타일 보다 아래에 있을 수는 있습니다. 하지만 이런 경우는 일반적이지 않죠.

결론은 말씀하신데로 링크된 css가 무조건 내부 스타일보다 우선하는건 아닙니다. 결국 top-down 방식으로 적용될 수 밖에 없어서 우선순위가 내부 스타일이 우선순위가 됩니다.

물론 같은 선택자를 2곳에서 사용하는 일은 거의 일어나지 않아서 이런 부분이 그렇게 까지 중요하지는 않지만 그래도 좋은 지적이십니다.