본문 바로가기
CSS

CSS 간접 선택자(css3)

by 샷타이거 2009. 9. 17.

CSS 간접 선택자(General selector)

간접 선택자는 엘리먼트 뒤에 나오는 모든 엘리먼트를 지정할때 사용한다.

E ~ F{font-size:20px;}
/*F element preceded by an E element
(E 엘리먼트가 F엘리먼트보다 앞에있다.*/

h1 ~ p{} 이렇게 지정하면 h1 뒤에 p엘리먼트가 선택된다 하지만 다른 엘리먼트에 종속되어있는 엘리먼트는 선택되지 않는다.예제를 보자.

앞서있는 엘리먼트

어쩌고

저쩌고

어쩌고

여긴선택안됨

저쩌고

h1 ~ p{font-size:20px;}

결과는 다음과 같이 된다

앞서있는 엘리먼트

어쩌고

저쩌고

여긴선택안됨

어쩌고

저쩌고

위와 같이 div엘리먼트안에 p 엘리먼트는 선택되지않는다.

댓글