형제요소 선택하기

Jaden·2023년 3월 12일
0

css

목록 보기
7/7
<li class="nav__btn">{t
   <a class="nav__link" href="#">
     <span class="nav__notification">1</span>
     <i class="first"></i>
     <i class="second"></i>
     <i class="third"></i>
	</a>

같은 계층에서 선택 할 때 쓰는 스킬

1. 인접형제선택자

.nav__notification + i 

A와 B가 같은 계층에 있을 때 A 바로 뒤에 B를 선택자로 지정
같은 부모를 가지고 바로 뒤에 오는 first에만 적용

2. 일반형제선택자

.nav__notification ~ i 

A와 B가 같은 계층에 있을 때 A 뒤에 있는 모든 B를 선택자로 지정
같은 부모를 가지는 first, second, third 모두 적용
(바로 뒤에 올 필요는 없음)

profile
Quadrilingual Programmer

0개의 댓글