CSS 참조 가이드

CSS @규칙(RULES)

CSS 속성大全

CSS 함수(Function)CSS 선택자 전체 가이드서

CSS3 ~ 일반 형제 선택자

일반 형제 선택자, 위치가 인접하지 않아도 됩니다. 단지 동일层级만, A~B 선택자는 A 요소 이후의 모든 동일层级 B 요소를 선택합니다.

완전한 CSS 선택자 참조 매뉴얼

온라인 예제

동일한 부모 요소 아래의 p 요소 이후의 각 span 요소의 글꼴 색상을 설정합니다:

예제

!DOCTYPE　html>
<html>
<head>
<meta　charset="utf-8">　
<title>기본 강의(oldtoolbag.com)</title>
<style>
p　~　span　{
　　color:　red;
}
</style>
</head>
<body>
<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>
</body>
</html>

테스트를 보세요 ‹/›

정의와 사용법

former_element　~　target_element　{　style　properties　}

element1~element2 선택자가 element에 일치하면1 뒤의 element2。

element1 그리고 element2 이 두 요소는 같은 부모 요소를 가지고 있어야 하지만 element2 직접 뒤따르지 않아도 됩니다 element1 의 뒤에 있습니다

브라우저 호환성

IEFirefoxOperaChromeSafari

모든 주요 브라우저가 지원합니다 element1~element2 선택자

주의:IE에서 사용하려면8 그리고 이전 버전에서 이 선택자를 사용하려면, 선언해야 합니다 <!DOCTYPE>。

완전한 CSS 선택자 참조 매뉴얼

CSS 함수(Function)CSS 선택자 전체 가이드서