前のセレクタと同階層で隣接するセレクタに対応する
セレクタ1 + セレクタ2 {
}<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>さんぷる</title>
<style>
.test1 + .test2 {
background-color: royalblue;
color: #fff;
}
</style>
</head>
<body>
<div class="test1">test1</div>
<div class="test2">test2</div><!-- 適用される-->
<div class="test2">test2</div>
<hr>
<div class="test1">test1</div>
<div class="test2">test2</div><!-- 適用される-->
<hr>
<div class="test1">
test1
<div class="test2">test2</div>
</div>
</body>
</html>
