pseudo class는 셀렉터:뒤에 붙여쓴다. {
}
하이퍼 링크 같은 겨우
a:link
a:visited
a:hover
a:active
div도 마찬가지 :hover
div:hover span
하면 마우스 오버시 span이 보이겠지
first-child는 하위 첫 엘리먼트를 의미
first-of-type
last-child
last-of-type
정도를 자주 쓴다.
그 밖에 첫글자를 크게 하기 위해 first-letter등을 쓰기도 한다.
<div> 나는 CSS를 한다 </div>
div:fist-letter {
font-size:16pt;
color:#ff0000;
}
을 하면 문장의 첫 글자가 크게 보이겠지.
간혹 시작을 돋보이게 하기 위해서 자주 사용을 하곤 한다.
css는 하다보면 기본적으로 초기화를 시켜주는 부분과 자주 사용하는 마진 패딩 등의 유틸 css등을 쓰다보면 안 쓰던 것은 잘 안쓰게 된다.
그러나 그러한 것들 중에 의외로 편하고 효과가 좋은것이 있다는것을 늘 알고 있지만 손에 익은 것 때문에 잘 안쓰게 된다.