웹표준,웹접근성(html, html5, css, css3, javascript, jQuery, jQueryMobile, snecha, senchaTouch, php, mobileWebApp)
20. :after - 가상 선택자 본문
:after - 가상 선택자
: 지정된 요소의 뒷 부분을 선택
ex) p요소의 뒷 부분을 선택 컨텐츠를 추가 ( 예 : p:after )
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 |
<!DOCTYPE HTML> < html > < head > < meta charset = "utf-8" > < title >:after</ title > < style > p:after { content:" - Remember this "; color:red; } </ style > </ head > < body > < h1 >:after</ h1 > < h3 >가상 선택자 – 지정된 요소의 뒷 부분을 선택</ h3 > < p >첫번째 p요소</ p > < p >첫번째 p요소</ p > < p >두번째 p요소</ p > < p >두번째 p요소</ p > </ body > </ html > |
'css3 > selector' 카테고리의 다른 글
22. element1~element2 - 인접 형제 선택자 (0) | 2013.10.01 |
---|---|
21. lang(language) - 가상 선택자 (0) | 2013.10.01 |
19. :before - 가상 선택자 (0) | 2013.10.01 |
18. :first-child - 가상 선택자 (0) | 2013.10.01 |
17. :first-line - 가상 선택자 (0) | 2013.10.01 |