아이디/클래스 선택자

p태그에 있는 텍스트입니다.

얘도 p태그에 있는 텍스트입니다.

얘는 h4태그에 있는 텍스트입니다.

p태그에 있는 텍스트입니다.

얘도 p태그에 있는 텍스트입니다.

얘는 h4태그에 있는 텍스트입니다.

p에 있는 텍스트

p에 있는 텍스트

h4에 있는 텍스트

Test1 글자입니다.

Test2 글자입니다.

Test3 글자입니다.

Test4 글자입니다.

Test5 글자입니다.

Test6 글자입니다.

Test1 글자입니다.

Test2 글자입니다.

Test3 글자입니다.

Test4 글자입니다.

Test5 글자입니다.

Test6 글자입니다.

자손/후손 선택자

자손입니다.

자손선택자를 이용하여 h4 배경색 바꾸기
후손선택자를 이용하여 li 글씨색 바꾸기
자손선택자를 이용하여 li 배경색 바꾸기

div의 자손1 입니다.

div의 자손2 입니다.

동위선택자

자손1

자손2

자손3

자손4

자손5

일반 구조 선택자

테스트1-1 입니다.

테스트1-2 입니다.

테스트1-3 입니다.

테스트1-4 입니다.

테스트1-5 입니다.

테스트2-1 입니다.

테스트2-2 입니다.

테스트2-3 입니다.

테스트1 입니다.

테스트2 입니다.

테스트3 입니다.

테스트4 입니다.

테스트5 입니다.

테스트6 입니다.

형태 구조 선택자

테스트 1p 입니다.

테스트 h1 입니다.

테스트 2p 입니다.

테스트 h2 입니다.

테스트 3p 입니다.

테스트 h3 입니다.

테스트 4p 입니다.

테스트 h4 입니다.