CSS에 대한 철저한 연구 (1)

CSS 철저한 조사(1)

Github 페이지 블로그

기본 선택기

마크업 선택기 h1 {...}

카테고리. ...}, 두 개의 클래스가 동시에 작동합니다. 예를 들어 class = 'one two', 충돌이 있는 경우 이전

ID 선택자 #id{...}

복합 선택자: 서로 다른 방식으로 연결된 두 개 이상의 선택자

Intersection

h3.class_name { ... }

첫 번째 선택자는 태그여야 합니다. 선택자, 두 번째는 (카테고리 선택자) 또는 (ID 선택자)여야 하며, 중간에 공백이 없고 연속해서 써야 한다

유니온 선택자 a_selector, b_selector는 다중 선택자

하위 항목 선택기

div p { /* 모든 하위 항목을 포함하여 div 아래의 p*/}

div>pdiv의 직계 하위 항목

CSS 상속

포함된 작은 컨테이너는 이를 포함하는 큰 컨테이너의 스타일을 상속합니다

ABCD

h1{ color : red ; decoration : underline;}em { color : blue;}

결과는 그림과 같으며, em은 h1의 밑줄을 상속받습니다

CSS 우선순위

인라인 스타일(style=) > ID 스타일(#id) > 클래스 스타일(.class) > 마커 스타일(div)

두 클래스가 충돌하는 경우 이전

이 사용됩니다. 위 내용은 (1)의 내용을 철저하게 조사한 CSS입니다. 더 많은 관련 내용은 PHP 중국어 홈페이지(www.php.cn)를 참고해주세요!