이 문서는 아직 자원 봉사자들이 한국어로 번역하지 않았습니다. 함께 해서 번역을 마치도록 도와 주세요!
Summary
The ~
combinator separates two selectors and matches the second element only if it is preceded by the first, and both share a common parent.
Syntax
element ~ element { style properties }
Example
p ~ span { color: red; }
<span>This is not red.</span> <p>Here is a paragraph.</p> <code>Here is some code.</code> <span>And here is a span.</span>
Specifications
Specification | Status | Comment |
---|---|---|
Selectors Level 4 The definition of 'following-sibling combinator' in that specification. |
Working Draft | |
Selectors Level 3 The definition of 'general sibling combinator' in that specification. |
Recommendation |
Browser compatibility
Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|
Basic support | 1.0 | 1.0 (1.7 or earlier) | 7 | 9 | 3 |
Feature | Firefox Mobile (Gecko) | Android | IE Phone | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|
Basic support | (Yes) | (Yes) | (Yes) | (Yes) | (Yes) |
See also
문서 태그 및 공헌자
태그:
이 페이지의 공헌자:
cvrebert,
MusikAnimal,
Sebastianz,
DanSorahan,
SphinxKnight,
FredB,
teoli,
Sheppy,
ethertank,
tiffon,
dhar,
Miken32
최종 변경:
cvrebert,