CSSで特定の属性セレクターlangを使用するにはどうすればよいですか?使い方の紹介（詳しい説明）-CSSチュートリアル-php.cn

ホームページ

ウェブフロントエンド

CSSチュートリアル

CSSで特定の属性セレクターlangを使用するにはどうすればよいですか?使い方の紹介（詳しい説明）

青灯夜游

Sep 17, 2018 pm 04:40 PM

css疑似クラス

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- で始まるすべての要素を選択します。したがって、次のマークアップ例の最初の 3 つの要素は選択されますが、最後の 2 つの要素は選択されません:

<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>

langFull example

<!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>

レンダリング:

CSSで特定の属性セレクターlangを使用するにはどうすればよいですか?使い方の紹介（詳しい説明）

以上がCSSで特定の属性セレクターlangを使用するにはどうすればよいですか?使い方の紹介（詳しい説明）の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

マージンは何ですか：40px 100px 120px 80pxは意味しますか？Apr 28, 2025 pm 05:31 PM

記事では、CSSマージンプロパティ、特に「マージン：40px 100px 120px 80px」、そのアプリケーション、およびWebページレイアウトへの影響について説明します。

さまざまなCSSボーダープロパティとは何ですか？Apr 28, 2025 pm 05:30 PM

この記事では、カスタマイズ、ベストプラクティス、および応答性に焦点を当てたCSSボーダープロパティについて説明します。主な議論：Border-Radiusは、レスポンシブデザインに最も効果的です。

CSSの背景とは何ですか、プロパティをリストしますか？Apr 28, 2025 pm 05:29 PM

この記事では、CSSのバックグラウンドプロパティ、Webサイトの設計の強化における使用、および避けるべき一般的な間違いについて説明します。重要な焦点は、バックグラウンドサイズを使用したレスポンシブデザインです。

CSS HSLの色とは何ですか？Apr 28, 2025 pm 05:28 PM

記事では、CSS HSLの色、Webデザインでの使用、およびRGBよりも利点について説明します。主な焦点は、直感的な色の操作を通じて設計とアクセシビリティを向上させることです。

CSSにコメントを追加するにはどうすればよいですか？Apr 28, 2025 pm 05:27 PM

この記事では、CSSでのコメントの使用について説明し、シングルラインとマルチラインのコメント構文を詳述しています。コメントはコードの読みやすさ、保守性、コラボレーションを強化するが、適切に管理されていないとウェブサイトのパフォーマンスに影響を与える可能性があると主張しています。

CSSセレクターとは何ですか？Apr 28, 2025 pm 05:26 PM

この記事では、HTML要素のスタイリングのCSSセレクター、その種類、および使用法について説明します。 IDとクラスのセレクターを比較し、複雑なセレクターでパフォーマンスの問題に対処します。

どのタイプのCSSが最優先事項を保持していますか？Apr 28, 2025 pm 05:25 PM

この記事では、CSSの優先順位について説明し、特異性が最も高いインラインスタイルに焦点を当てています。 CSS競合を管理するための特異性レベル、オーバーライド方法、およびデバッグツールを説明します。

HTMLファイルにCSSを追加できますか？Apr 28, 2025 pm 05:24 PM

記事では、HTMLにCSSを追加する3つの方法について説明します：インライン、内部、および外部。ウェブサイトのパフォーマンスと初心者の適合性に対する各方法の影響が分析されます。（159文字）

See all articles

ホットAIツール

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

SecLists は、セキュリティテスターの究極の相棒です。これは、セキュリティ評価中に頻繁に使用されるさまざまな種類のリストを 1 か所にまとめたものです。 SecLists は、セキュリティテスターが必要とする可能性のあるすべてのリストを便利に提供することで、セキュリティテストをより効率的かつ生産的にするのに役立ちます。リストの種類には、ユーザー名、パスワード、URL、ファジングペイロード、機密データパターン、Web シェルなどが含まれます。テスターはこのリポジトリを新しいテストマシンにプルするだけで、必要なあらゆる種類のリストにアクセスできるようになります。