[selector] CSS - [attribute|=value] 속성선택자 - 해당속성값 또는 뒤에 하이픈 연결된 속성값 보유 요소 : (IE7)

<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>

결과보기

 

특정 속성값(예: homzzang)이나 바로 뒤에 하이프(-) 연결된 속성값 (예: homzzang-) 갖는 요소 선택.

 

---

 

1.

단어 중 일부이거나 뒤에 공백이나 언더바( _ ) 포함된 경우엔 적용 X

 

2.

IE7 이상

 

3.

jQuery [attribute|=value] 속성선택자.