[selector] CSS - [attribute*=value] 속성선택자 - 지정 속성값 문자열 포함 모든 요소 (IE7)

1. [attribute*=value] 예제 - 지정 속성값 문자열 포함 모든 요소
2. [attribute*=value] 정의
3. [attribute*=value] 구문

[attribute*=value] 예제 - 지정 속성값 문자열 포함 모든 요소

 

<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="Doyouknowhomzzang">당신은아시나요홈짱닷컴</p>

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

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

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

 

결과보기

[attribute*=value] 정의

 

특정 문자열 포함하는 속성값(예: homzzang) 지닌 속성(예:title)을 보유한 모든 요소(예:p) 선택.

 

[attribute*=value] 구문

 

selector[attribute*="value"]

 

---

PS. 

• attribute : 속성명
• value : 속성값 문자열