• 회원가입
  • 로그인

방문자 수

오늘 49
어제 267
최대 583
전체 362,129

가입자 수

오늘 0
어제 1
전체 699

[선택자] CSS - 자식 선택자 (요소>요소) : (IE7) ★ (해당 요소에만 스타일 줄 때 사용)

자식 선택자 (요소 > 요소) 
 
 특정 요소 바로 아래의 요소를 지정해 스타일을 줄 때 사용.
 
[주의] 요소>요소 처럼 빈 공간이 없게 표기해야 함. 요소 > 요소 처럼 띄어쓰면 안됨. 
 
 
 
주의
 
 IDCLASS 선택자보다 화면 출력 속도에 좋지 않으니, 되도록 사용하지 않는 게 좋음.
 되도록이면 IDCLASS 선택자 이용.
 
 
 
자손 선택자가 blockquote 태그 안의 p에까지 영향을 미쳤다면,
자식 선택자는 해당 요소 바로 아래 태그 요소에만 영향을 미침. 

<style>
div > p {color:red;}
</style>
 
<div>
   <p>div > p : 홈짱닷컴 (Homzzang.com)</p>
   <p>div > p : 홈짱닷컴 (Homzzang.com)</p>
   <blockquote>
      <p>div > blockquote > p : 홈짱닷컴 (Homzzang.com)</p>
   </blockquote>
</div>


결과 보기

분류 제목
입문 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)
목록
모바일 버전으로 보기