유사 엘리먼트 선택자의 순서 (:last-child:after는 되는데 :first-child:before는 안됨)
이송이
유사 엘리먼트 선택자의 효과를 이제서야 깨달았습니다.이게 참 재미있네요. ^^;;;
그런데 어떤 건 되고 어떤 건 안되는 현상을 발견했습니다.
즉 :last-child:after는 되는데 :first-child:before는 안되거든요.
왜 이럴까요?아래는 =========== 사용해본 예제 소스 =============
style type=text/cssa:before { content:::@@@::; }a:first-child:before { content:**; }a:after { content: ^^; }a:last-child:after { content: == ; }/style
a href=#학교/aa href=#학교/aa href=#학교/aa href=#학교/a
아래는 ===========참고 =====================
- 유사엘리먼트선택자 (이벤트 체크 선택자 / pseudo-element Seletion)
특정엘리먼트에추가 또는 특정부분에 적용 하는 선택자입니다.
예) a:first_letter{ 스타일시트 }
예) td:before{ 스타일시트 }
유사엘리먼트 선택자 종류(CSS 2.0)
:first-letter 엘리먼트 내에서 가장 처음에 나오는 글자.
-------------------------------------------------------------------------------
:first-line 엘리먼트내에서 가장 먼저나오는, 줄바끔이 되기전까지의 문단.
-------------------------------------------------------------------------------
:before 해당하는 엘리먼트에서 바로 전 에 나오는내용 (content라는 내용을 주로 쓰는듯) - IE는 안됩니다.
-------------------------------------------------------------------------------
:after 해당하는 엘리먼트에서 바로 후 에 나오는내용 (content라는 내용을 주로 쓰는듯) - IE는 안됩니다.
