css 선택자의 모든-선택자 우선순위가 중요한 이유 강의 내용중에서
545
4 asked
안녕하세요 수강을 시작한지 얼마 되지 않은 학생입니다. 강의를 듣던중 질문이 생겨 질문드립니다.
강의 12분 경 선택자 우선순위를 설명하시면서 외부 스타일시트 보다 내부 css가 더 우선한다고 말씀해주셨는데
<link rel="stylesheet" href="style.css">
<style>
h1 {
color : yellowgreen;
}
</style>
이런식으로 구성되어 있는데 내부 css가 우선해서 yellowgreen 이 적용된다는 식으로 말씀을 해주셨는데 우선순위가 같을 경우 top-down 으로 적용되다 보니 yellowgreen이 적용되는거 아닌가요 style 태그가 link 태그 상단으로 이동된다면 결과는 반대가 됩니다 우선순위가 같을 경우 나중에 쓴것이 덮어쓴다고 알고있습니다 하신 말씀이 오해의 소지가 있는거 같아 질문 남깁니다
답변 부탁드리겠습니다 감사합니다.
Answer 1
0
말씀하신데로 링크된 css는 head에 위치하고 내부 스타일은 링크된 css에 위치합니다. 그래서 top-down이 적용될 수 밖에 없습니다. 물론 링크된 css가 내부 스타일 보다 아래에 있을 수는 있습니다. 하지만 이런 경우는 일반적이지 않죠.
결론은 말씀하신데로 링크된 css가 무조건 내부 스타일보다 우선하는건 아닙니다. 결국 top-down 방식으로 적용될 수 밖에 없어서 우선순위가 내부 스타일이 우선순위가 됩니다.
물론 같은 선택자를 2곳에서 사용하는 일은 거의 일어나지 않아서 이런 부분이 그렇게 까지 중요하지는 않지만 그래도 좋은 지적이십니다.
강의 내용 관련 문의드립니다 (animation)
1
55
2
Grid 수직정렬 제대로 안됩니다.
1
72
1
강의 화면이 안나옴
1
208
1
로그인 폼 CSS 디자인 코드 질문 있습니다.
1
235
1
inherit와 100%의 차이가 궁금합니다.
1
322
2
<br>태그 사용 빈도를 줄이게 될 경우의 질문입니다.
1
201
1
수업자료는 없나요?~
1
325
1
[공유] 부모 요소가 position: absolute 인 경우에 대한 설명
1
663
1
float: right 요소가 아래에 배치되는 이유 쉽게 설명
1
863
1
안녕하세요 가상클래스 포지션 활용 질문드립니다
1
386
2
hover 가상클래스 ( hover로 만드는 버튼 디자인, 드롭다운 네비게이션 & 컨텐츠) 강의중
3
460
2
nav 태그
1
1129
1
강의자료는 어디서 받을 수 있나요?
1
348
1
before after 가상클래스(도형과 버튼 만들기, 포지션 활용) 01 강의 중 이미지 안 뜨는 문제요ㅠ.ㅠ
1
673
2
유튜브 영상 파일
1
300
1
모바일 css 작업(단위)
1
295
1
유튜브의 초급,중급 이론과는 어떤차이가 있나요?
1
260
1
선생님 질문이 있습니다. (float 속성)
1
262
1
파일다운로드와 관련하여
1
256
1
포지션(position) 속성(z-index와 포지션 속성 우선순위) 강의 질문있습니다.
1
401
1
오타(contaner)
1
241
1
float 속성을 설정했을 때 display: inline-block이 되는 것에 관련하여 질문이 있습니다.
1
2281
2
margin: auto;
1
354
1
label 태그의 사용법이 궁금합니다
1
352
2