[CSS] 선택자(후손 및 자손, 동위)

CSS를 너무 겉핥기처럼만 보고 지나갔나 보다.. 다 까먹었네

div li { /* 이거는 후손 선택자, div 안에 li든, div 안에 div 안에 div 안에... 암튼 div 안에 있는 모~든 li 태그 선택자 */
    /* 쓰고자 하는 코드 */
}
div > h1 { /* div 바로 밑에 있는 h1 태그만, 자손 선택자 */
    /* 쓰고자 하는 코드 */
}

 

동위 선택자 + vs ~

h1+div{}/* 얘는 h1태그 바로 밑에 붙어 있는 동등한 위치의 div 한개만 선택하는 선택자 */
h1~div{}/* 얘는 h1태그와 동등한 위치에 있는 div 태그 싹다 선택 */