자식 특정 요소 제외하고 CSS

not 선택자를 사용하여 특정 자식 요소를 제외하고 선택할 수 있다.

예를 들어, .inner:not(:first-child)를 사용하면 .inner 클래스를 가진 요소 중 첫 번째 자식 요소를 제외한 모든 요소를 선택할 수 있다.

이 경우 display: none 속성을 사용하여 선택된 요소를 숨길 수 있다.

아주 유용하게 이렇게 사용할 수 있다!

반응형

.inner:not(:first-child) {
    display: none;
}