html 코드에 많은 div가 있으면 어떻게 구분할까?
보통은 클래스나 id를 부여하지만 그 전에 하나가 더 있다.
바로 CSS 선택자를 활용하는 방법!
누군가의 둘째 자식이어야 해
첫번째 자식은 first-child라고 해도 되고, 막내는 last-child라고도 가능
이런식으로 막내에서부터 두번째!도 가능합니다.
섹션의 자식이면서 nav여야 하고 두번째인 자식
section > :nth-child(2) {
background-color : yellow;
}이것은 섹션의 두번째 자식. 있는 그대로 해석을 잘하면 된다.
가상선택자
조건에 따라서 있을 수도 있고 없을 수도 있다
짝수?
홀수
7줄이니까 7의 배수
0부터 집어넣으면 됩니다!!
고정을 시키고 싶다면 auto를 사용하면 된다.
inline요소(글자) 정렬 -> 부모에 의해서 정렬 (text-align : center)
놀랄 노자다!
이런식으로 활용해서 사용하는 방법이 있다니 너무 신세계고 놀랍고..
설명을 들을 때는 이해가 너무나 잘되지만 막상 혼자 실습을 해보려니 아직은 헷갈리는 부분이 있지만 있는 그대로 코드를 읽어보면 금방 익힐 수 있을 것 같다.
여태 다른 css코드들을 봏 때 이게 뭔소리인가.. 한참 보면서 포기하고 말았는데 이제는 조금 더 발전해서 조금은 알아볼 수 있지 않을까?
