CSS에서 특정 속성 선택기 lang을 사용하는 방법은 무엇입니까? 사용소개(자세한 설명)
- 青灯夜游원래의
- 2018-09-17 16:40:153022검색
CSS 2에는 속성 및 속성 값을 기반으로 요소를 선택할 수 있는 속성 선택기가 도입되었습니다. 이 장에서는 CSS 특정 속성 선택기 lang을 사용하는 방법(자세한 설명)을 소개합니다. 도움이 필요한 친구들이 참고할 수 있기를 바랍니다.
css :lang 선택기 정의 사용법 소개
lang은 지정된 lang 속성으로 시작하는 요소에 스타일을 추가합니다.
참고: 값은 lang="en"과 같이 단독으로 사용되거나 lang="en-us"와 같이 하이픈(-)이 포함된 전체 단어입니다.
구문:
:lang {
style:属性；
}lang 사용 예:
각 요소의 lang 속성 값은 "abstract"이고 배경색은 빨간색으로 설정됩니다.
p:lang(abstract){
background:red;
}다음 예를 다시 살펴보세요.
*[lang|="en"] {color: red;}위 규칙은 lang 속성이 en과 같거나 en-으로 시작하는 모든 요소를 선택합니다. 따라서 다음 예제 마크업의 처음 세 요소는 선택되지만 마지막 두 요소는 선택되지 않습니다.
<p lang="en">段落en</p> <p lang="en-us">段落en-us</p> <p lang="en-au">段落en-au</p> <p lang="fr">段落fr</p> <p lang="cy-en">段落xy-en</p>
lang 전체 예
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<style type="text/css">
:lang(en) {
color:blue;
display: block;
text-decoration: none;
}
</style>
</head>
<body>
<a href="#"> phpstudy </a>
<a>HTML</a>
<a href="#"> 511遇见</a>
</body>
</html>Rendering:
위 내용은 CSS에서 특정 속성 선택기 lang을 사용하는 방법은 무엇입니까? 사용소개(자세한 설명)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.