CSS

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

목차
  1. element element 예제 - 자손선택자
  2. element element 정의
  3. element element 구문
  4. element element 이슈 - 속도 가장 느림

 

element element 예제 - 자손선택자

※ div 안의 모든 p요소 선택. (주의: div 밖의 p는 해당 X)
 
<style>
div p {color:red;}
</style>
 
<div>
    <p>홈짱닷컴</p>
    <p>Homzzang.com</p>
    <blockquote>
        <p>홈페이지 제작관리 강의</p>
    </blockquote>
</div>
<p>그누보드 영카트 강의</p>

 

element element 정의 


지정요소 (예:div) 안의 모든 특정요소(예: p) 선택. 
 

 

1.
「자손선택자」라고도 함.
 
2.
CSS버전: CSS1
 
3.
모든 브라우저 지원.
 
 

element element 구문

 

element element { CSS 선언; }

 

 

element element 이슈 - 속도 가장 느림

 
1.
CSS에서 가장 속도 느린 선택자이므로, 사용 자제.

2.
꼭 사용해야 된다면 자식선택자 사용하고, 
자식 선택자보단 그냥 id / class 선택자가 출력 속도에 좋음.
 


분류 제목
text CSS - color 속성 ★ - 글자색깔 (=글자색상=글자색깔=글자컬러 = 텍스트색깔 = 컬러속성 = co…
position CSS - top 속성 ★ - 기준상단 (= 위기준 상단거리 = top속성 = 탑속성/톱속성)
position CSS - float 속성 ★★★ - 요소나란히 (= 요소한줄로 = 요소가로로 = 요소옆으로 = float속…
table CSS - border-collapse 속성★ - 테두리겹침설정 (= 테두리중첩설정 = 테두리이중방지 = b…
selector CSS - :first-child 가상선택자 - 그부모요소의 첫번째자식요소 (= 퍼스트차일드선택자, IE7)
selector CSS - ID선택자, class선택자 + CSS우선순위 ★★★ (= 아이디선택자, 클래스선택자, CSS명시…
selector CSS - :not() 가상선택자 - (특정요소/특정선택자) 아닌 모든요소선택 (= not선택자 = 낫선택자…
font CSS - font-size 속성 ★ - 글자크기 (= 글씨체크기= 글씨크기 = 서체크기= 글씨크기 = …
font CSS - font-style 속성 - 글자기울기 (= 이텔릭체 여부 = 이탤릭 글씨체 = 글자 기울려쓰기 … 1
intro CSS - 스타일 적용 방법 3가지 ★★★ - (인라인스타일 / 내부스타일 / 외부스타일) CSS적용순서 +…
selector CSS - :focus 가상선택자 - 포커스 된 요소 선택 (= :focus선택자 = 포커스선택자) (I…
position CSS - position 속성 ★★★ - 위치기준대상지정 (= 위치속성 = 포지션속성 = 위치조정 = po…
font CSS - font-family 속성 ★ - 글자종류 (= font-family속성 = 폰트패밀리속성 = 글…
position CSS - overflow 속성 ★★ - 범위이탈요소처리 (= 범위넘는요소처리 = 스크롤바 생성 = over…
button CSS - Button - 버튼스타일 (버튼크기, 버튼색깔, 버튼비활성화, 버튼그룹, 이미지위버튼)
35/35
목록
 홈  PC버전 로그인 일본어
그누앞단언어
그누뒷단언어
그외코딩언어
그누보드
제작의뢰
Q&A
커뮤니티
웹유틸
회원센터
홈짱닷컴 PC버전 로그인