■ 속성 선택자를 사용하는 방법을 보여준다.
▶ test.html
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 |
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <style> a[href^="http://"] { color : red; } p[id$="hello"] { color : green; } div[class*="test"] { color : blue; } </style> </head> <body> <header> <h1>CSS3 속성 선택자</h1> </header> <div class="selectortest"> CSS3 속성 선택자를 테스트합니다. <a href="https://www.google.com">구글</a> <p id="id1_hello">p 태그 1</p> <p id="id2_hello">p 태그 2</p> <p id="id3_hello">p 태그 3</p> </div> </body> </html> |