웹표준,웹접근성(html, html5, css, css3, javascript, jQuery, jQueryMobile, snecha, senchaTouch, php, mobileWebApp)
21. lang(language) - 가상 선택자 본문
:lang(language) - 가상 선택자
: 지정된 요소 중 언어가 괄호 안의 지정된 언어로 시작되는 요소를 선택
ex) p 요소의 lang 속성이 한국어 인것을 선택 ( 예 : p:lang(ko) )
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24 |
<!DOCTYPE HTML> < html > < head > < meta charset = "utf-8" > < title >:lang(language)</ title > < style > p:lang(ko) { background:yellow; } </ style > </ head > < body > < h1 >:lang(language)</ h1 > < h3 >가상 선택자 – 지정된 요소 중 언어가 괄호 안의 지정된 언어로 시작되는 요소를 선택</ h3 > < p >지정하지 않음</ p > < p lang = "ko" >한국어</ p > < p lang = "en" >English</ p > < p lang = "it" >Italy</ p > </ body > </ html > |
'css3 > selector' 카테고리의 다른 글
23.[attribute^=value] - 속성 값 선택자 (0) | 2013.10.01 |
---|---|
22. element1~element2 - 인접 형제 선택자 (0) | 2013.10.01 |
20. :after - 가상 선택자 (0) | 2013.10.01 |
19. :before - 가상 선택자 (0) | 2013.10.01 |
18. :first-child - 가상 선택자 (0) | 2013.10.01 |