로그인

검색

30

2023-Nov

CSS CSS 다중조건 선택자 규칙 해석

작성자: dodoworks 조회 수: 181

🎨띄어쓰면 부모 자식 

  • 태그1 태그2 { 태그1 안에 있는 태그2 }
  • 태그1 태그2#아이디2 { 태그1 안에 있는 태그2 중 아이디2인 것만 }
  • 태그1 태그3.클래스2 { 태그1 안에 있는 태그3 중 클래스2인 것만 }   
  • 태그1#아이디2 태그3 { 태그1 중 아이디2인 것 안에 있는 태그3 } 
     

🎁 붙여쓰면 AND

  • 태그#아이디 { 태그와 아이디 둘다 일치 - AND }
  • 태그.클래스 { 태그와 클래스 둘다 일치 - AND } 
  • .클래스#아이디 { 클래스와 아이디가 둘다 일치 - AND }   

🎁  쉼표(,)로 구분 OR

  • #아이디, .클래스 { 아이디이거나, 클래스인 모든 경우 }
  • 태그이름, .클래스 { 태그인 모든경우 또는 클래스인 모든 경우 }
List of Articles
번호 제목 글쓴이 날짜 조회 수
7 CSS 반응형 웹 미디어쿼리 얀젤 2022-01-31 122
6 CSS 반응형 웹 사이드바 만들기 얀젤 2022-01-31 352
5 Javascript 자바스크립트로 스타크래프트 만들기 강좌 얀젤 2022-01-30 202
4 HTML5 HTML 태그들, 헷갈리는거 정리 - 드림코딩 엘리 + 1 얀젤 2022-01-24 126
3 HTML5 신박한 html 태그 3가지 얀젤 2022-01-18 136
2 CSS CSS 란 ? + 2 얀젤 2022-01-13 122
1 Javascript 자바스크립트 개요 얀젤 2021-12-16 141