CSS element1 ~ element2 선택기
예시
동일한 부모를 가진 <p> 요소가 앞에 오는 모든 <ul> 요소의 배경색을 설정합니다.
p ~ ul
{
background: #ff0000;
}
정의 및 사용
element1 ~ element2 선택자는 element1 이 앞에 오는 element2 의 발생과 일치합니다 .
두 요소 모두 동일한 부모를 가져야 하지만 element2 바로 앞에 element1 이 올 필요는 없습니다 .
버전: | CSS3 |
---|
브라우저 지원
표의 숫자는 선택기를 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다.
Selector | |||||
---|---|---|---|---|---|
element1~element2 | 4.0 | 7.0 | 3.5 | 3.2 | 9.6 |
CSS 구문
element ~ element {
css declarations;
}