★ 속성 선택자
- 1. 선택기(속성 이름): 속성을 지정했습니까?
.list a(target) { background-color: gold;}- 2. 선택기(속성 이름 = 값): 속성과 값을 지정했습니까?
.list a(target=_blank) { background-color: gold;}- 3. 선택기(속성 이름 ^= 값): 속성 값이 값으로 시작합니까? java -> startWith()
.list a(href^=https) { background-color: gold;}- 4. 선택기(속성 이름 $= 값): 속성 값이 값으로 끝나는가? java -> endWith()
.list a(href$='com') { background-color: gold;}- 5. 선택기(속성 이름 *= 값): 속성 값이 포함되어 있습니까? 자바 -> 포함()
.list a(href*=m) { background-color: gold;}
■ HTML 코드
<body>
<div class="list">
<a href="http://naver.com" target="_self">네이버</a>
<a href="http://yes24.com" target="_blank">예스24</a>
<a href="https://daum.net">다음</a>
<a href="https://11st.co.kr">11번가</a>
<a href="https://kma.go.kr" target="_blank">기상청</a>
</div>
</body>
■ 실행 결과
