Hebom's Dev

  • 홈
  • 태그
  • 방명록
  • 관리자
  • 글쓰기

Selector 1

[CSS] CSS선택자 여러 개 선택, 다중선택하기

가끔 CSS코드를 보다보면 선택자들을 공백없이 붙여서 사용하는 것도 있고 공백을 넣어서 사용할때도 있고 쉼표로 구분하는것도 있어서 무엇인지 헷갈렸던 부분이 있습니다. 마침 칸아카데미에 관련설명이 있어서 강의를 들으면서 정리를 해봤습니다. 여러개 선택자를 한꺼번에 스타일을 적용하고 싶은 경우 이건 쉽습니다, 그냥 쉼표(,)로 구분합니다. h1, h2 { font-family: cursive; } 그런데, 아래의 경우들이 다소 헷갈릴때가 있습니다. 태그선택자와 클래스 선택자를 결합해서 쓰는 경우 p.warning{ border: 5px solid orange; } 위의 예시는 태그(p)와 클래스(.warning) 사이에 공백이 없습니다. 이런 케이스는 클래스 선택자들 중에 태그 안에 들어간 클래스 선택자만 ..

CSS 2023.03.08
이전
1
다음
더보기
프로필사진

🤓코딩 초보의 좌충우돌 도전기🤓 💥Lv. 17/100 exp: 242(+5)💥 🟪⬜⬜⬜⬜⬜⬜⬜⬜⬜

공지사항

  • 🚀레벨업 진행상황
  • 분류 전체보기 (39)
    • TIL (2)
    • 일반 (2)
    • HTML (1)
    • CSS (8)
    • JAVA SCRIPT (18)
    • PHP (1)
    • DB (1)
    • 코딩 독학 일기 (5)
    • 독서 메모 (1)

Tag

사용빈도가 높은 태그, 독학, display:hidden, 중꺾마, 난몰랑, 클라와서버관계, 암시적 반환, 코딩, 코딩공부 목표, 웹개발, currenTarget, js, 살리도, 셀프동기부여, 여러개선택하기, 이렇게 하는 것 맞나?, css, 다중선택하기, 어쩔?!, til,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

Archives

Calendar

«   2026/01   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

  • 해봄 다락방

티스토리툴바