ul.classname
ul중 classname인 ul
ul .classname
ul 자손들 중 .classname인 것들
+ 인접 선택자.
#outbox + .outbox2
동일한 수준에서 선택
이건 하나만 선택 됨
붙어 있어야 함.
같은 형제라도 떨어져 있으면 안됨.
위쪽 말고 아래쪽
~ 형제 선택자
#outbox ~ div
outbox와 형제 수준의 div 모두 선택
종속선택자
일종의 교집합.. 포함되어지는..
예를 들어
<p class="small highlight-color"> 면
.small{} css와
.highlight-color{} CSS 모두 적용됨.
굳이 small.highlight-color{} 아니어도.
input[type=checkbox]:checked + div.text_box{
visibility: visible;
opacity: 1;
transition: 0.5s;
}
앞에거가 체크된 상태가 된다면, 인접선택자의 text_box 속성을 바꾼다.