• 회원가입
  • 로그인

[selector] CSS - [attribute=value] 속성선택자 - 지정속성값보유요소 선택 (IE7)

CSS 속성값선택자 (요소[속성=속성값]) : CSS2 (익스7 이상 주요 브라우저에서 지원)
 
 
 
 특정 단어 속성 값 (예: _blank)을 지닌 속성 (예: target)을 보유한 요소 (예:a)만 스타일 줄 때 사용.
 
 
 
 

 

같은 a태그더라도 속성 값에 target=_blank가 아닌, 
target=_self a태그엔 적용 안됩니다.
 
또, 
target=new 처럼 같은 새창 열기 속성이더라도 
문자 표기 형식이 다를 땐 적용이 되지 않습니다.
 

<style>
a[target="_blank"] {color:red;}
</style>
 
<p><a href=http://www.homzzang.com target="_blank">홈짱닷컴 새창 열기</a></p>
<p><a href=http://www.homzzang.com target=new>홈짱닷컴 새창 열기</a></p>
<p><a href=http://www.homzzang.com target=_self>홈짱닷컴 본창 열기</a></p>


결과 보기
 
 


다만, 
target="_self" 를  target=_self 처럼 큰따옴표 없이 적은 경우엔 
같은 속성으로 인식합니다. (두 번째, 세 번째 예)

 


<style>
a[target="_blank"] {color:red;}
</style>
 
<p><a href=http://www.homzzang.com target=_blank>홈짱닷컴 새창 열기</a></p>
<p><a href=http://www.homzzang.com target=new>홈짱닷컴 새창 열기</a></p>
<p><a href=http://www.homzzang.com target=_self>홈짱닷컴 본창 열기</a></p>


결과 보기


<style>
a[target=_blank] {color:red;}
</style>
 
<p><a href=http://www.homzzang.com target="_blank">홈짱닷컴 새창 열기</a></p>
<p><a href=http://www.homzzang.com target=new>홈짱닷컴 새창 열기</a></p>
<p><a href=http://www.homzzang.com target=_self>홈짱닷컴 본창 열기</a></p>


결과 보기
방문 감사합니다. (즐겨찾기 등록: Ctrl + D)

찾아주셔서 감사합니다. Since 2012