Tidadigi Logo

CSS :lang Selector

:lang Selector được dùng để chọn phần tử dựa trên thuộc tính ngôn ngữ. Nó nhắm đến một giá trị cụ thể. Selector này hoạt động nhờ vào language-code.

Cú pháp:

:lang(lang-code) {
  //property
}

Mã ngôn ngữ:

  • en: dành cho tiếng Anh.
  • hi: dành cho tiếng Hindi.
  • fr: dành cho tiếng Pháp.
  • de: dành cho tiếng Đức.
  • it: dành cho tiếng Ý.
  • ca: dành cho tiếng Canada.

Ví dụ 1:

HTML 
<!DOCTYPE html>
<html>

<head>
    <style>
        h3:lang(en) {
            background: limegreen;
        }
    </style>
</head>

<body>

    <h3 lang="en">"en" is lang-code for english.</h3>

</body>

</html>

Kết quả:

css-lang-selectorVí dụ 2: Mã ngôn ngữ áp dụng trên phần tử gốc.

HTML 
<!DOCTYPE html>
<html>

<head>
    <style>
        h3:lang(en) {
            background: limegreen;
        }
    </style>
</head>

<body lang="en">

    <h3>"en" is lang-code for English.</h3>
    <h3>"fr" is lang-code for French.<h3>
<h3>"de" is lang-code for German.<h3>
</body>
</html>

Kết quả:

css-lang-selector

Trình duyệt hỗ trợ:

  • Google Chrome 1.0
  • Edge 12.0
  • Firefox 1.0
  • Safari 3.1
  • Opera 8.0

Last Updated : 21/07/2025