목록css형제태그 (1)

지지나

CSS - 부모자식 관계, 형제 선택자, 이미지 스타일링

html을 보다 보면 태그안에 태그가 들어 있는 것을 눈치 챌 수 있다. 이를 부모-자식 관계라고 하는데, 예컨데 위에 내용에서 보면 아래와 같은 족보를 파악할 수 있다. ▷ 부모 ▷ 자식 ▷ 자손 CSS는 부모에게 준 속성이 자식과 자손에게도 영행을 미치기 때문에, 만일 내가 부모인 태그에 회색 배경을 적용했다면, 그 자식인 태그와 자손인 태그에게도 동일한 속성이 적용된다. 그렇다면 자손인 에게만 적용하고 싶은 속성이 있다면 이를 따로 써주어야 한다. 나는 'ul의 자손 a에게 초록색 배경을 적용하세요' 라고 작성 해 보았다. 작성법은 부모 태그 띄어쓰기 자손 태그{속성:속성값;} ul a{background-color: green;} 그렇다면 자식에게 적용하고 싶은 속성은 어떻게 될까? 작성법은 부모..
기획자의 프로그래밍 걸음마/HTML, CSS 2020. 7. 8. 19:21
Prev 1 Next