[code:css]
#indirect-example1 h4 + p,
#indirect-example2 h4 ~ p {
    background-color: #CCC; color: #F00;
}
Eric Wendelin씨가 상단에 보여지는 것과 같은 일반 형제 결합자(general sibling combinator)에 대해 살펴보셨습니다:
[code:css]
h4 ~ p {}

이 부분은 <h4> 엘리먼트가 앞에 있는 모든 형제 <p> 엘리먼트에 영향을 줍니다. 이는 인접 형제 결합자 (+)가 모든 <p> 형제 대신 직접적으로 인접한 형제에만 영향을 미친다는 점에서 다릅니다. 이 부분은 IE7+, FF2+, Opera 9.5+, Safari 3+, 심지어는 Konqueror 에서도 잘 작동합니다.

from CSS General Sibling Combinator in action
TAG , ,
Posted by 행복한고니 트랙백 0 : 댓글 0