본문 바로가기

css pseudo class

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등을 쓰다보면 안 쓰던 것은 잘 안쓰게 된다.


그러나 그러한 것들 중에 의외로 편하고 효과가 좋은것이 있다는것을 늘 알고 있지만 손에 익은 것 때문에 잘 안쓰게 된다.