• Q&A
  • 회원가입
  • 로그인

[selector] CSS - element element 자손선택자 ★ - 자손요소 (요소선택자)

2,548  
CSS 자손 선택자 (요소 요소) : CSS1 (모든 주요 브라우저 지원)
 
 
특정 요소 (예:div) 아래의 모든 특정 요소 (예:p) 지정해 스타일 줄 때 사용 
 
요소 요소 {속성: 속성값;}
 
div p {속성: 속성값;}
 
[주의] 요소 요소 처럼 한칸 띄어 씀. 


주의
 
CSS에서 가장 속도가 느린 선택자이므로, 되도록 사용하지 않는 게 좋음.

꼭 사용해야 된다면
자식 선택자를 사용하고, 자식 선택자보단 그냥 ID나 CLASS 선택자가 출력 속도에 좋음.
 
 
 
예제
첫 번째 태그 요소 (예:div)를 기준으로 그 태그 안의 지정된 특정 요소 
예: div 안의 P (즉, div>p 와 div>blockquote>p)에  대해 모두 적용.
 
<style>
div p {color:red;}
</style>
 
<div>
<p>글 내용1</p>
<p>글 내용2</p>
<blockquote><p>글 인용</p></blockquote>
</div>
※ 스타일시트 안에 요소를 나란히 적을 땐, 한칸 띄워 써야 함. (예) div p

방문자 수

오늘 198
어제 1,599
최대 2,271
전체 809,362
Since 2012