• 회원가입
  • 로그인

방문자 수

오늘 44
어제 267
최대 583
전체 362,124

가입자 수

오늘 0
어제 1
전체 699

[선택자] CSS - 속성 값 선택자 (요소[속성=속성값 단어]) : (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>


결과 보기

분류 제목
입문 CSS - 정의와 장점 + CSS 기본 문법
입문 CSS - 발전사 (CSS1 → .01 → CSS3)
입문 CSS - 적용 방법 3가지 ★★★ - (인라인 스타일 / 내부 스타일 / 외부 스타일) 적용 순서 + 속성 강제 적용 !important
선택자 CSS - 선택자 (Selector) 종류
선택자 CSS - 아이디(id) , 클래스(class) 선택자 ★★★★★
선택자 CSS - 전체 선택자 (*)
선택자 CSS - 요소 선택자 (요소)
선택자 CSS - 병렬 선택자 (요소,요소) - 요소 여러 개 나열 ★
선택자 CSS - 자손 선택자 (요소 요소) ★
선택자 CSS - 자식 선택자 (요소>요소) : (IE7) ★ (해당 요소에만 스타일 줄 때 사용)
선택자 CSS - 인접 선택자 (요소+요소) : (IE7) ★★★
선택자 CSS - 속성 선택자 (요소[속성]) : (IE7)
선택자 CSS - 속성 값 선택자 (요소[속성=속성값 단어]) : (IE7)
선택자 CSS - 속성 값 선택자 (요소[속성~=속성값 단어]) : (IE7)
선택자 CSS - 속성 값 선택자 (요소[속성|=속성값 단어]) : (IE7)
목록
모바일 버전으로 보기