📚 이론정리/CSS

가상클래스 is 선택자 중복 줄이기

서카츄 2023. 8. 2. 04:12

header 안에 있는 h1

section 안에 있는 h1

footer 안에 있는 h1을 css로 표시할 때

header h1,
section h1,
footer h1{
        css내용
}

이렇게 표시하지만 :is 클래스를 사용하면 한줄로 줄일 수 있다.

:is(header, section, footer) h1{
    css내용
}

:before, :after내용을 사용할때도 똑같음.

:is(header, section, footer) h1:before{
    css내용
}