그날의 공부기록
Home
  • FrontEnd Archive (222)
    • ✨ 기억보다 기록을 (51)
      • 트러블슈팅 (9)
      • 프로젝트 (42)
    • 📚 이론정리 (132)
      • React & Next.js (71)
      • JS & TS (16)
      • CSS (28)
      • HTML (6)
      • 알고리즘 (11)
    • 🐶 etc (39)
      • Github (6)
      • 디자인 (1)
      • VSCode (3)
      • 2022기록 (29)
Home
  • FrontEnd Archive (222)
    • ✨ 기억보다 기록을 (51)
      • 트러블슈팅 (9)
      • 프로젝트 (42)
    • 📚 이론정리 (132)
      • React & Next.js (71)
      • JS & TS (16)
      • CSS (28)
      • HTML (6)
      • 알고리즘 (11)
    • 🐶 etc (39)
      • Github (6)
      • 디자인 (1)
      • VSCode (3)
      • 2022기록 (29)
블로그 내 검색

그날의 공부기록

seokachu's Front-End Archive 🙂

  • 📚 이론정리/CSS

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

    2023. 8. 2.

    by. 서카츄

    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내용
    }
    저작자표시 비영리 변경금지 (새창열림)

    '📚 이론정리 > CSS' 카테고리의 다른 글

    @import "파일명"; SCSS내보내기  (0) 2023.08.08
    변수와 데이터타입 지정 $  (0) 2023.08.02
    @at-root 속성  (0) 2023.07.24
    inert 속성  (0) 2023.04.28
    Scss watch  (0) 2022.11.21

    댓글

    관련글

    • @import "파일명"; SCSS내보내기 2023.08.08
    • 변수와 데이터타입 지정 $ 2023.08.02
    • @at-root 속성 2023.07.24
    • inert 속성 2023.04.28
맨 위로
전체 글 보기
  • Github
Tistory 로그인
Tistory 로그아웃
로그아웃 글쓰기 관리

Today

Total

seokachu's 기록저장소

블로그 이미지
서카츄

티스토리툴바