유사 엘리먼트 선택자의 순서 (: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는 안됩니다.
번호 | 제 목 | 글쓴이 | 날짜 |
---|---|---|---|
2653721 | [플러그인]질문드립니다!! (3) | 이리온 | 2024-05-04 |
2653697 | 포문의 고수님들 도와주세여...포문이 복잡하네여.... | 족장 | 2024-05-04 |
2653671 | 메뉴 스크립트 문의드립니다. | 하루키 | 2024-05-03 |
2653637 | 자바 안드로이드를 시작하려고 합니다.이클립스 버전에 질문이. (3) | 영글 | 2024-05-03 |
2653578 | 소스 있는데 프로그램좀 만들어주실뿐.. (8) | 갤투 | 2024-05-03 |
2653550 | 첫화면에 인스타그램 피드 나오게 하고싶은데 | 눈 | 2024-05-02 |
2653528 | 이 두개 코드 차이점이 뭔가요? | 마중물 | 2024-05-02 |
2653444 | c# email을 db로 저장 시키기 (1) | 피네 | 2024-05-01 |
2653361 | 초보에유~ filter:gray; 이거 파폭에선 어케먹이나용 ㅠㅠㅋ | 마음새 | 2024-05-01 |
2653335 | 파일확장자 구하는 방법 질문을 합니다. (2) | 한가람 | 2024-04-30 |
2653305 | [질문] 무비클립과 텍스트 그냥 일반적으로 크기 축소시 문제.. | 한누리 | 2024-04-30 |
2653224 | 프린트하기 질문입니다. | 파라 | 2024-04-29 |
2653194 | 이미지에 텍스트 삽입 질문드려요 | 라임나무 | 2024-04-29 |
2653164 | 페이지 로딩시 특정 div 투명값 조절 (1) | 은별 | 2024-04-29 |
2653136 | C언어를 배우고있는 왕초보 프로그래머 지망생입니다 (2) | 베레기 | 2024-04-29 |
2653111 | 이렇게 레이아웃 짜는거 맞나요? (3) | 은G | 2024-04-28 |
2653089 | [질문]특정글자가 몇번째자이에 위치했는지 알아내는 방법 (1) | 유라 | 2024-04-28 |
2653065 | 사파리에서 플래쉬에 얹어지지 않는 div (2) | 말근 | 2024-04-28 |
2653038 | 바이트 스트림과 문자 스트림이 왜 있는거죠? (1) | 행복녀 | 2024-04-28 |
2653005 | 대시보드 한글지원 되는 테마와 안되는 테마 (1) | 난길 | 2024-04-27 |