CSS에서 ~ 물결표시는 뭔가요?

CSS에서 ~ 물결표시는 뭔가요?

QA

CSS에서 ~ 물결표시는 뭔가요?

본문


#menu_chk:checked ~ header>#menu_icon>span:nth-child(1){
  transform: translateY(11px) rotate(45deg);
}
#menu_chk:checked ~ header>#menu_icon>span:nth-child(2){
  transform: translateY(0px) rotate(225deg);
}
#menu_chk:checked ~ header>#menu_icon>span:nth-child(3){
  transform: translateY(-11px) rotate(-45deg);
}
div#side_menu{
  position: absolute;
  top: 60px;
  left: -250px;
  width: 250px;
  height: 100%;
  background-color: #3d7ea6;
  transition: .35s;
  z-index: 1;
}

#menu_chk:checked ~ div#side_menu{
  left: 0;
}
#menu_chk:checked ~ label#side_bg{
  left:  0;
}
 

 

요런건 처음 보네요.

이 질문에 댓글 쓰기 :

답변 3

첫번째 요소다음에 오는 지정된 요소들에만 적용하라는 의미입니다.

아래실례코드에서처럼 p태그다음에 오는 span테그들에 모두 폰트색깔을 빨간색(red)로 지정하였습니다.

1966994439_1686560784.9788.jpg

 

답변을 작성하시기 전에 로그인 해주세요.
전체 2,086
QA 내용 검색
filter #css ×

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT