집 >웹 프론트엔드 >CSS 튜토리얼 >CSS에서 특정 속성 선택기 lang을 사용하는 방법은 무엇입니까? 사용소개(자세한 설명)

CSS에서 특정 속성 선택기 lang을 사용하는 방법은 무엇입니까? 사용소개(자세한 설명)

青灯夜游원래의: 2018-09-17 16:40:153126검색

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을 사용하는 방법은 무엇입니까? 사용소개(자세한 설명)

위 내용은 CSS에서 특정 속성 선택기 lang을 사용하는 방법은 무엇입니까? 사용소개(자세한 설명)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명：

이전 기사：CSS의 클립 속성은 무엇입니까? 클립:직류()는 원형 진행률 표시줄 애니메이션을 생성합니다(코드 예)다음 기사：CSS의 클립 속성은 무엇입니까? 클립:직류()는 원형 진행률 표시줄 애니메이션을 생성합니다(코드 예)