ホームページ  >  記事  >  ウェブフロントエンド  >  CSSで親要素を選択する方法

CSSで親要素を選択する方法

藏色散人
藏色散人オリジナル
2020-12-18 09:53:0716748ブラウズ

CSS で親要素を選択する方法: まず、HBuilderX ツールを開いて新しい HTML5 静的ページを作成し、次に body タグ要素に複数の div タグを挿入し、次にスタイルのグローバル バージョンを設定し、最後に使用します。 body タグ div タグのスタイルを設定するには、内部の div セレクターを使用するだけです。

CSSで親要素を選択する方法

#このチュートリアルの動作環境: Windows 7 システム、HTML5&&CSS3&&HBuilderX v2.1.3.20190723 バージョンこの方法は、すべてのブランドのコンピューターに適しています。

推奨: 「

css ビデオ チュートリアル

css セレクターは独自の親要素を選択します

1. ダブルクリックしてHBuilderX ツールを開き、以下に示すように新しい HTML5 静的ページを作成します:

CSSで親要素を選択する方法

2. 以下に示すように、body タグ要素に複数の div タグを挿入し、divs div でネストします。

CSSで親要素を選択する方法

3. 次の図に示すように、タイトル タグの下にスタイルを追加し、グローバル バージョンのスタイルを設定し、* 記号を使用します。 :

CSSで親要素を選択する方法

#4. コードを保存し、ブラウザを開いてページ効果を表示します。次の図に示すように、背景色はページ上で確認できます:

CSSで親要素を選択する方法

5. body タグ セレクターを使用して、幅、フォント属性、フォント サイズ、および次の図に示すように、他の属性:

CSSで親要素を選択する方法

6. 最後に、body タグ内の div セレクターを使用して div タグ スタイルを設定し、重みの距離を追加します。次の図に示すように、境界線と内側と外側のエッジ:

CSSで親要素を選択する方法

以上がCSSで親要素を選択する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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