CSS 참조 매뉴얼

CSS @규칙(RULES)

CSS 속성 전체

CSS 함수(Functions)CSS 선택자 전체 매뉴얼

CSS + 접속된 형제 선택자

접속된 형제 선택자 (+) 두 선택자 사이에 두 번째 요소가 첫 번째 요소의 직접 이어진다면, 두 요소가 같은 부모 요소의 자식 요소라면 두 번째 요소가 선택됩니다.

전체 CSS 선택자 참조 가이드

온라인 예제

모든 <div> 요소 뒤에紧接着的第一个 <p> 요소와 첫 번째 <span> 요소를 선택합니다:

예제

<!DOCTYPE　html>
<html>
<title>기본 튜토리얼 웹(oldtoolbag.com)</title>
<head>
<style>
div+p
{
background-color:red;
color:white;
}
div+span　{
　　background-color: DodgerBlue;
}
</style>
</head>
<body>
<h1>기본 튜토리얼 웹(ko.oldtoolbag.com)</h1>
<div>
<p>저희 웹사이트 주소는: ko.oldtoolbag.com.</p>
<p>저희 웹사이트 이름은: 기본 튜토리얼 웹.</p>
<span>접속된 형제 선택자를 시연<>/span>
<span>접속된 형제 선택자를 시연<>/span>
</div>
<p>저희는 여러 가지 기본 튜토리얼을 제공하며, 기본을 잘 배우면 더 멀리 가실 수 있습니다!<>/p>
</body>
</html>

시험해 보세요 ‹/›

정의와 사용법

former_element　+　target_element　{　style　properties　}

element+element　 접속된 형제 선택자는 지정된 첫 번째 요소 이후로 직접 이어지는 요소를 선택합니다(내부가 아닌).

브라우저 호환성

IEFirefoxOperaChromeSafari

모든 주요 브라우저가 지원합니다 element+element 접속된 형제 선택자.

주의: 　element+elementIE에서8실행될 때는 선언해야 합니다 　<!DOCTYPE>전체 CSS 선택자 참조 가이드

CSS 함수(Functions)CSS 선택자 전체 매뉴얼