로그인

검색

30

2023-Nov

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

작성자: dodoworks 조회 수: 205

🎨띄어쓰면 부모 자식 

  • 태그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
번호 제목 글쓴이 날짜 조회 수
27 Python 파이썬 온라인 실행 + 1 dodoworks 2024-11-05 127
26 Javascript 자바스크립트 기본 문법 dodoworks 2024-11-05 139
25 JSON JSON 기본 사항 dodoworks 2024-11-05 119
24 Javascript Parallax Scrolling 에 도전하다 file + 3 dodoworks 2023-12-21 187
23 코딩 React 강좌 도도 2023-12-12 98
22 Javascript 메뉴 밑줄 슬라이딩 애니메이션 만들기 도도 2023-12-06 172
21 Javascript JQuery Scroll menu 구현하기 도도 2023-12-06 217
20 CSS 가상 클래스 선택자 도도 2023-12-06 169
19 CSS 태그, 클래스, ID 에 따른 CSS 표기 방법 - 선택자 도도 2023-12-06 164
18 Javascript 자바스크립트 프로처럼 쓰는 팀 - 드림코딩 dodoworks 2023-12-05 200
17 HTML5 HTML 요소 참고서 + 5 도도 2023-12-02 159
» CSS CSS 다중조건 선택자 규칙 해석 dodoworks 2023-11-30 205
15 코딩 HTML CSS JavaScript 를 학습할 수 있는 사이트 ofcource file dodoworks 2023-11-30 119
14 Javascript Carousel 슬라이더 만들기 도도 2023-11-22 117
13 Javascript 실용 자바스크립트 6강 : 리액트포기자를 위한 jQuery 빠른기초 도도 2023-11-22 168
12 CSS selector 를 알면 CSS를 다양한 방법으로 적용할 수 있다. 도도 2022-12-14 177
11 CSS position 속성에 대하여 알아 보자 도도 2022-12-14 161
10 Git Git 얀젤관리자 2022-10-04 118
9 Python 니콜라스와 함께 Python으로 웹 스크래퍼 만들기 얀젤관리자 2022-06-03 155
8 Javascript 움직이는 애니매이션 메뉴 바 만들기 얀젤 2022-01-31 154
서버에 요청 중입니다. 잠시만 기다려 주십시오...