• 코드:
​x
 
1
<!DOCTYPE html>
2
<html lang="ko">
3
​
4
<head>
5
    <meta charset="UTF-8">
6
    <title>CSS Structural Selectors</title>
7
    <style>
8
        div{ border: 3px solid #008000; }
9
        p:empty {
10
            width: 300px;
11
            height: 20px;
12
            background: red;
13
        }
14
    </style>
15
</head>
16
​
17
<body>
18
​
19
    <h1>:empty를 이용한 선택</h1>
20
    <div>
21
        <p></p>
22
        <p>이 p 태그는 div 태그의 두 번째 child 입니다!</p>
23
        <p>이 p 태그는 div 태그의 세 번째 child 입니다!</p>
24
        <p>이 p 태그는 div 태그의 네 번째 child 입니다!</p>
25
        <p></p>
26
    </div>
27
​
28
</body>
29
​
30
</html>