• 회원가입
  • 로그인

[선택자] CSS - 병렬 선택자 (요소,요소) - 요소 여러 개 나열 ★

CSS 요소 선택자를 ,(쉼표)를 이용해 여러 개 지정 : CSS1 (모든 주요 브라우저 지원)
 
<style>
h1,p {color:red;}
</style>

<h1>제목</h1>
<p>글 내용</p>
 
 
PS.
나열할 땐, 아래처럼 , 기준으로 띄워 써도 됩니다.
 
<style>
h1 , p {color:red;}
</style>

<h1>제목</h1>
<p>글 내용</p>
 
<style>
h1, p {color:red;}
</style>

<h1>제목</h1>
<p>글 내용</p>
 
 
<style>
h1 ,p {color:red;}
</style>

<h1>제목</h1>
<p>글 내용</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)
목록
모바일 버전으로 보기