728x90
반응형
<!DOCTYPE html>
<html lang="ko">
<head>
<title>선택자 : 형제</title>
<meta charset="UTF-8">
<style>
/*
인접 형제 선택자
'선택지 A' + '선택자 B'{
...
}
위 선택자는 '선택자 A'에 의해 선택된 요소 바로 뒤에 붙어서 나오는 '선택자 B'에 해당하는 요소를 선택한다.
*/
a + b {
color: red;
}
/*
형제 선택자
'선택지 A' ~ '선택자 B'{
...
}위 선택자는 '선택자 A'에 의해 선택된 요소 뒤에 나오는 '선택자 B'에 해당하는 요소를 선택한다.
*/
a ~ b {
background-color: yellow;
}
</style>
</head>
<body>
<div>
<b>0</b>
<a>1</a>
<strong>?</strong>
<b>2</b>
<b>3</b>
</div>
</body>
</html>
728x90
반응형