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 잖습니까
번호 | 제 목 | 글쓴이 | 날짜 |
---|---|---|---|
2655433 | html텍스트박 트위터처럼.... (1) | 핑크빛입술 | 2024-05-19 |
2655406 | 워드프레스 다중사이트.. | 하예라 | 2024-05-19 |
2655352 | 동영상 플래이어 (2) | 머슴밥 | 2024-05-19 |
2655320 | GList를 사용하는데 에러가 발생합니다. 도와주세요~~ | 찬늘봄 | 2024-05-18 |
2655291 | 자바 초보입문했는데요~~ | 이퓨리한나 | 2024-05-18 |
2655235 | xml연동 갤러리 생성관련 질문입니다. (2) | 난새 | 2024-05-18 |
2655205 | C++ 포인터 if | WatchOut | 2024-05-17 |
2655150 | 모바일 웹 환경을 구축을 할때의 콘텐츠 이미지 사이즈 (2) | 레오 | 2024-05-17 |
2655122 | 엥;; getMonth() 왜이렇게 나타나죠? (6) | 초코맛캔디 | 2024-05-17 |
2655095 | 구구단 질문이요 (3) | 하예진 | 2024-05-16 |
2655064 | RSA.js 파일 구할 수 있을가요.. 있으신분 첨부좀 해주세요.. | 얀 | 2024-05-16 |
2655009 | 유료테마 사려고 하는데 데모파일이 없다면 | 에드가 | 2024-05-16 |
2654980 | cximage를 통해 jpg파일을 받아와 윈도우에 뿌리는 프로그램을 만드는중인데 꼬였습니다. (4) | 하린 | 2024-05-15 |
2654922 | 고도몰 3차 4차 이상 카테고리 표출되게.. (7) | 유메 | 2024-05-15 |
2654874 | 제이쿼리랑 자바스크립트 학원 추천좀부탁드릴게요 (7) | 향율 | 2024-05-14 |
2654843 | 탭버튼 코딩시 마우스오버가 접근성에 왜 어긋나는지 궁금합니다... (1) | 걸때 | 2024-05-14 |
2654814 | 중국어 인코딩 관련해서 질문요,,, (5) | 화이트캣 | 2024-05-14 |
2654783 | 이 알고리즘 한줄한줄 해석좀 부탁드립니다. (1) | 요루 | 2024-05-14 |
2654764 | t 탭 질문이여. (3) | 눈 | 2024-05-13 |
2654737 | 크롬 인쇄하기 오류 (멈춤현상) | 아라 | 2024-05-13 |