<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8" />
<title></title>
<style>
h2 + h2 {
background-color: red;
}
h1 ~ h2 {
background-color: blue;
}
</style>
</head>
<body>
<h1>Header-1</h1>
<h2>Header-2</h2>
<h2>Header-2</h2>
<h2>Header-2</h2>
<h2>Header-2</h2>
</body>
</html>
A + B 는 코드 배치 상 A 태그 뒤에 오는 B 선택
A ~ B 는 태그 계층 구조 상 A 뒤에 오는 모든 B 선택
'웹' 카테고리의 다른 글
| font-family (0) | 2015.07.23 |
|---|---|
| HTML5 Custom Data Attribute (0) | 2015.07.22 |
| HTML name과 id 태그 차이점 (0) | 2015.07.22 |
| code / samp / kbd / var / pre 태그 차이 (0) | 2015.07.22 |
| HTML 태그 약어 정리 (0) | 2015.07.22 |
