简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
ホームページ > ウェブフロントエンド > CSSチュートリアル > 本文

ルートセレクターとは何ですか?ルートセレクターの詳しい説明

云罗郡主
リリース： 2018-11-19 10:20:02
オリジナル
5311 人が閲覧しました

この記事では、ルート セレクターとは何なのかについて説明します。ルートセレクターの詳細な説明は、必要な友人が参考にできることを願っています。

ルートセレクターとは何ですか?ルートセレクターの詳しい説明

ルート セレクターの概要

CSS3 では、ドキュメントのルート要素を選択するために :root セレクターが使用されます。ルート要素は、ドキュメント ツリーの最上位にある要素を指します。 HTML では、ルート要素は常に HTML です。

例: 

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head> 
    <title>CSS3 :root选择器</title>
    <style type="text/css">
        :root
        {
            background-color:silver;
        }
        body
        {
            background-color:red;
        }
    </style>
</head>
<body>
    <h1>php中文网</h1>
</body>
</html>
ログイン後にコピー

表示効果:

ルートセレクターとは何ですか?ルートセレクターの詳しい説明

分析:

ここでは、ルート セレクターを使用して、 Web ページ全体 背景色はグレー、Web ページ内の body 要素の背景色は赤に設定されます。 

:root{background-color:silver;}
ログイン後にコピー

または:

html{background-color:silver;}
ログイン後にコピー

上記はルート セレクターとは何ですか?ルート セレクターの詳細な説明を完全に紹介します。CSS3 チュートリアル について詳しく知りたい場合は、PHP 中国語 Web サイトに注目してください。


以上がルートセレクターとは何ですか?ルートセレクターの詳しい説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル：
root
ソース：php.cn
前の記事：first-of-type と first child はどう違いますか？ 次の記事：cssnot セレクターとは not() セレクターの詳細な説明
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
3 レベル階層のカスタム分類を使用して woocommerce 関連製品を選択します 「スポーツ」というカスタム分類を持つ woocommerce ストアがあります。分類には、親、子、子という 3 つのレベルがあります。たとえば、屋内スポーツ > アリーナ ス...
から 2024-04-06 20:05:30
0
1
544
MySQL: 「<ここの変数またはサブクエリ> として...からテキストを選択します」 次のデータを含む次のテーブルがあります: id text language 1 german text german 2 english text english 私が望むのは、次...
から 2024-04-06 19:25:54
0
2
529
Web サイトから入力要素を取得できません そこで、Twitter から入力要素を取得しようとしていますが、それを実行すると、ノード ターミナルでこのようなエラーが表示され続け、その結果、このコードによって作成されたブラウザ...
から 2024-04-06 18:59:57
0
1
442
Reactjsで複数のチェックボックスを選択する方法 複数のチェックボックスを選択したいオプションのリストがありますが、選択することができません。このコードの何が問題なのでしょうか?サンドボックスの URL
から 2024-04-06 18:55:21
0
1
396
クリア後​​も自分のファイル入力の値が残る スクリーンショットでわかるように。ファイルを選択し、ページを更新せずにポップアップを保持し、再度開くと、ファイル入力は選択したファイルのままです。 <inputid=&quo...
から 2024-04-06 15:44:52
0
1
384
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト：福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！