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)로 지정하였습니다.
답변을 작성하시기 전에 로그인 해주세요.
