[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="Doyouknow homzzang">당신은아시나요 홈짱닷컴</p>
<p title="Doyouknowhomzzang_best">당신은아시나요홈짱닷컴_최고</p>
<p title="Do you know homzzang_best">당신은 아시나요 홈짱닷컴_최고</p>
결과보기
[attribute|=value] 정의
특정 속성값(예: homzzang)이나 바로 뒤에 하이프(-) 연결된 속성값 (예: homzzang-) 갖는 요소 선택.
1.
단어 중 일부이거나 뒤에 공백이나 언더바( _ ) 포함된 경우엔 적용 X
2.
IE7 이상
3.
jQuery [attribute|=value] 속성선택자.
[attribute|=value] 구문
[attribute|=value] { CSS코드 }