🌱 → 🌳

📌 CSS SELECTOR ✅ 기본 선택자 전체 선택자 (*) 태그 선택자 (tag) class 선택자 (.) id 선택자 (#) ✅ 복합 선택자 일치 선택자 ABCXZY 선택자 ABC와 XYZ를 동시에 만족하는 요소 자식 선택자 ABC>XYZ 선택자 ABC의 자식 요소 XYZ 선택 후손 선택자 ABC XYZ 선택자 ABC의 하위 요소 XYZ 선택('띄어쓰기' 중요!) 인접 형제 선택자 ABC+XYZ 선택자 ABC의 다음 형제 요소 XYZ 하나를 선택 일반 형제 선택자 ABC~XYZ 선택자 ABC의 다음 형제 요소 XYZ 모두를 선택 ✅ 가상 클래스 선택자(Pseudo-classes) 사용자의 행동에 따라 변화하는 가상 상황에 따라서 요소 선택 시 각 요소의 상황에 따라 사용자가 원하는 요소를 선택 할 ..

📌 CSS 상속 ✅ 스타일 상속 자식 요소가 별도의 style 속성이 없을 경우, 부모의 속성 값을 그대로 상속하는 CSS 특성 (단, 상속이 되는 속성과 상속이 안되는 속성으로 구분) ✅ 상속되는 CSS 속성들 모두 글자/문자 관련 속성들(주의: 모든 글자/문자 속성은 아님) font-style: 글자 기울기 font-weight: 글자 두께 font-size: 글자 크기 link-height: 줄 높이 font-family: 폰트(서체) color: 글자 색상 text-align: 정렬 .. ✅ inherit 강제 상속 : 자동 상속 되지 않는 속성 값을 강제로 부모의 CSS 속성값을 그대로 상속하게 하는 방법 ✅ 선택자 우선 순위 참조 방식 우선 순위와는 다른 개념임 같은 HTML 요소가 여러 선택..

📌 선택자 웹 페이지를 표현하는 데이터 모두가 태그로 이루어져 있기떄문에, 그 중 서로 동일한 태그가 존재할 수 있음 이렇게 동일한 태그를 분간해 주기 위해, HTML에서는 선택자라는걸 사용해 각 태그를 구별할 수 있는 일종에 주소를 부여함 📌 선택자의 필요성 아래와 같은 HTML 문서가 있다고 가정해 보면, 파이썬 크롤링 C언어 게임 해당 웹 페이지에서 언어 (language)와 관련된 데이터만 필요하다고 생각해 보자. 만약 태그로만 해당 데이터를 선택한다면, 태그 을 사용할 수 있다. 하지만 태그 에 언어 정보 뿐만 아니라 프로젝트 정보 (크롤링, 게임만들기)도 포함된다. 이러한 경우, 프로젝트 정보를 제외하고 언어 정보만을 특정하기 위해 선택자를 사용 파이썬 크롤링 c언어 게임 이렇게 class =..