• 코드:
​x
 
1
<!DOCTYPE html>
2
<html lang="ko">
3
​
4
<head>
5
    <meta charset="UTF-8">
6
    <title>CSS Attribute</title>
7
    <style>
8
        [title^="first"] {
9
            background: black;
10
            color: yellow;
11
        }
12
    </style>
13
</head>
14
​
15
<body>
16
​
17
    <h1>[속성^="속성값"] 선택자를 이용한 선택</h1>
18
    <h2 title="first h2">이 제목은 title 속성값이 "first h2"입니다!</h2>
19
    <h3>이 제목은 title 속성을 가지고 있지 않습니다!</h3>
20
    <p title="first p">이 단락은 title 속성값이 "first p"입니다!</p>
21
    <p title="first-p">이 단락은 title 속성값이 "first-p"입니다!</p>
22
    <p title="p first">이 단락은 title 속성값이 "p first"입니다!</p>
23
​
24
</body>
25
​
26
</html>