HTML5 선택자에 대해서
빈길
하.. 미치겠습니다
사진에 보시면 스타일에 header a:first-child {color-red;}라고 스타일을 줬구요
바디에 저렇게 되있어요.
제 생각에는 스타일이 적용되는 부분이 hgroup태그 안에 있는 Header 요소에만 적용될줄 알았는데 계속 바디 내의 모든a태그에 빨간글씨가 적용됩니다
제가 잘못 이해를 하고있는건가요?
header 의 후손 선택자 a중 처음으로 나오는 a태그에 스타일을 적용한다 이게 제 생각인데 틀렸나요?
명쾌한 답을 기다리겠습니다.. 고수님들
-
참
헐? 윤인성씨의 HTML5웹프로그래밍 입문책에 연습문제 소스에 hgroup이 나와있던데.. 어케된거죠?
-
보예
다른말인데요, hgroup 은 html5 스펙에서 삭제 되었습니다.
-
CreamyGirl
헐......
사진을찍으셨넹 ㅠㅠ
코드로 쓰셔도 되는데 ㅠㅠ -
또야
a의 위치가 전부 header 안에 first-child 에 만족 하니 화면에 나오는대로가 맞죠
이해 하신 부분은 first-child가 헤더안에서 사용되는 첫 번째 자식 요소가 아니라 헤더 안에 있는 모든 첫 번쨰 a 요소 (h1a , diva )이니 전부 선택 되는 겁니다
:first-child 는 조상이 아니라 바로 위 부모 기준으로 선택 됩니다. -
히메
그렇네요! 근데 이게 윤인성님이 지은책 HTML5웹프로그래밍 입문책에 연습문제로 나왔어요..ㅜㅋ
-
겨슬
header hgroup a
header *:first-child a
이런 식으로 표현식을 사용하는게 목적에도 맞고 읽기에도 낫지 않은가 싶습니다 -
나래
아녜요 ^^ 이해에 도움됐네요 고맙습니다..
-
미르
태그간의 부모-자식 관계에서 자기와 형제 관계를 말씀드린겁니다. 일반적으로 쓰는 표현은 아니었을 것 같은데 혼란스럽게 해드리고말았네요.
-
초코우유
depth가 뭔가요? div말씀하시는건가요? 아무튼 글올리고나서도 계~속보니까 a가 하나의 부모선택자에 묶여있는게 아니라 각자 다른 div에 묶어있단걸 뒤늦게 눈치챘어요.. 무튼 고맙습니다
-
과꽃
저 코드에서 모든 a 태그는 자기가 속한 depth의 first-child 잖습니까