웹표준,웹접근성(html, html5, css, css3, javascript, jQuery, jQueryMobile, snecha, senchaTouch, php, mobileWebApp)

:before - 가상 선택자 : 지정된 요소의 앞부분을 선택 ex) p요소의 앞부분에 컨텐츠 추가 ( 예 : p:before ) 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 :before p:before { content:"Read this - "; color:red; } :before 가상 선택자 – 지정된 요소의 앞 부분을 선택 첫번째 p요소 첫번째 p요소 두번째 p요소 두번째 p요소

:first-child - 가상 선택자 : 부모로 부터 첫번째 자식인 요소만을 선택 ex) 첫번째 자식인 p 요소 선택 ( 예 : p:first-child ) 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 first-child p:first-child{ background-color:yellow; } :first-child 가상 선택자 – 부모로 부터 첫번째 자식인 요소만을 선택 첫번째 div 로 부터 첫번째 자식인 요소 첫번째 div 로 부터 두번째 자식인 요소 두번째 바디로 부터 첫번째 p 요소 두번째 바디로 부터 두번째 p 요소

:first-line - 가상 선택자 : 지정된 요소의 첫 번째 줄을 선택 ex) p요소의 첫번째 줄 선택 ( 예 : p:first-line ) 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 :first-line p:first-line{ color:#8A2BE2; } :first-line 가상 선택자 – 지정된 요소의 첫 번째 문자를 선택 지정된 첫번째 라인만을 적용 다음줄 부턴 기본 스타일 적용 3번째... 4번째... 기타....