[selector] CSS - [attribute^=value] 속성선택자 ★ - 지정 속성값 문자열로 시작하는 요소. (=시작선택자. IE7)

 

 특정 문자열(예: homzzang)로 시작되는 속성값을 지닌 속성(예:title)을 보유한 요소(예:p)에 스타일 줄 때 사용. 

  

※ 속성값이 해당 문자열로 시작 안 하는 경우엔 적용 X 

---

[예제]

 

<style>
p[title^="homzzang"] {color: red;}
</style>

 

<p title="homzzang">홈짱닷컴</p>

<p title="homzzangbest">홈짱닷컴최고</p>
<p title="homzzang best">홈짱닷컴 최고</p>
<p title="homzzang-best">홈짱닷컴-최고</p>
<p title="homzzang_best">홈짱닷컴_최고</p>

<p title="Doyouknow homzzang">당신은아시나요 홈짱닷컴</p>

<p title="Doyouknowhomzzang_best">당신은아시나요홈짱닷컴_최고</p>

<p title="Do you know homzzang_best">당신은 아시나요 홈짱닷컴_최고</p> 

 

결과 보기