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 엘리먼트는 선택되지않는다.
댓글