이 선택자는 지정된 요소에 바로 인접한 요소를 일치시킬 수 있습니다.
E + F
위 코드는 형제 선택자를 생성하는 형식입니다.
E + F 인접 형제 선택자는 F와 일치하는 요소를 선택하며, 이 요소는 일치하는 E 요소 뒤의 인접 위치입니다.
E와 F는 동일한 상위 요소를 가져야 하며 F는 E의 뒤에 인접해야 합니다. 코드 예는 다음과 같습니다.
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://ask.php.cn/" />
<title>php中文网</title>
<style type="text/css">
li{color:blue}
.antzone+li{
color:red;
}
</style>
</head>
<body>
<ul>
<li>php中文网一</li>
<li class="antzone">php中文网二</li>
<li>php中文网三</li>
<li>php中文网四</li>
</ul>
</body>
</html>위 코드는 글꼴을 antzone할 수 있습니다. 바로 인접한 li 요소의 색상은 빨간색으로 설정됩니다.
다음 섹션