コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > CSS 組み合わせ selector_html/css_WEB-ITnose

CSS 組み合わせ selector_html/css_WEB-ITnose

WBOY
リリース： 2016-06-24 11:43:52
オリジナル
971 人が閲覧しました

1. すべての子孫要素を選択します

div p

{
background-color: yellow;
}

div 要素のすべての子孫 p 要素を選択します。子要素、子要素にすることができます...


2. 大なり記号> すべての直接サブ要素を選択します

div>p
{
background-color: yellow;
}

div 要素の 1 つのレベルのみを選択します。 elements


3. チルダ~ 同じレイヤー上のすべての兄弟要素を選択します
div~p
{
background-color: yellow;
}

div 要素の同じレイヤー上のすべての兄弟要素を選択します


4. プラス記号 + 同じレイヤーの最初の兄弟要素を選択します

div+p
{
background-color: yellow;
}

div 要素の同じレイヤーの最初の兄弟要素を選択します


5. p: first-child は最初の p 要素を選択します

p:first-child

{
color:blue;
}

最初の p 要素を選択します


関連ラベル：
CSS 组合选择符
ソース：php.cn
前の記事：CSS 権威ガイド 読み方メモ 値と単位_html/css_WEB-ITnose 次の記事：CSS 権威ガイド 読書メモ Selector_html/css_WEB-ITnose
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
Select2 ドロップダウンの外観をカスタマイズする 私の場合、ドロップダウンに select2Combobox を使用しています。ここでは、国の選択が変更されると、その選択された ID を JSON 結果に渡し、その結果を州コンボ ...
から 2024-04-03 11:27:22
0
1
338
Livewire と flatpickr: 空のデータを処理する場合の変更 免責事項: Livewire と flatpickr を結合する方法についていくつかの質問があることは承知していますが、提供された解決策は私の問題へのアプローチ方法と大きく異なるた...
から 2024-03-31 17:22:58
0
2
367
Antd Select コンポーネントのカスタム テキストボックス ユーザーが適切と考える選択肢が「選択」オプションに表示されるオプションにない場合に、カスタム テキストを追加できるようにしたいと考えています。カスタムテキストフィールドは正常に作成...
から 2024-03-30 11:16:20
0
1
398
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート