N번째1 CSS - 선택자(first-child, last-child, nth-child)N번째에 css 적용 CSS - 선택자 #1 첫번째 자식요소에 적용 .class:first-child { } 이것의 의미는 해당하는 클래스안에 들어있는 자식 요소중 첫번째 자식에게만 내용을 적용하겠다는 의미 코드 예시로는 첫번째 두번째 이렇게 있으면 .box1 p:first-child { } 이런식으로 적용 하지만 예외 사항이 있다. hello davy 만약 이렇게 있는 상황에서 .container p:first-child { background-color: red; } 라고 한다면 hello, davy중에서 어느것도 적용되지 않는다. 왜냐하면 ~child요소는 p중에서 첫번째 자식 이라기보다는 정확한 의미로는 container 클래스에 들어있는 첫번째 요소가 p여야 하고 그 p중 첫번째에 내용을 적용한다. 정도로 이해하면 .. 2023. 1. 8. 이전 1 다음
