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

CSS 隣接関係 selector_html/css_WEB-ITnose

WBOY
リリース： 2016-06-24 11:40:48
オリジナル
1191 人が閲覧しました

div + p{

...

}

div に「隣接」している p を選択してください


なぜこれが引用符で囲まれているのですか?

<!DOCTYPE html><html><head><style>div + p {    background-color: yellow;}</style></head><body><p>Paragraph 0. Not in a div.</p><div><p>Paragraph 1 in the div.</p><p>Paragraph 2 in the div.</p></div><p>Paragraph 3. Not in a div.</p><p>Paragraph 4. Not in a div.</p></body></html>
ログイン後にコピー

どの p が by- になりますか?選択されていますか?


3 だけが選択されている場合、それは「隣接性」を理解していないことを意味します


では、なぜ 0 ではないのでしょうか?

いわゆる「+」隣接は単に「次の隣接」であることがわかります


隣接2


div ~ p{

...

}

<!DOCTYPE html><html><head><style>div ~ p {    background-color: yellow;}</style></head><body><p>Paragraph 0. Not in a div.</p><div><p>Paragraph 1 in the div.</p><p>Paragraph 2 in the div.</p></div><p>Paragraph 3. Not in a div.</p><p>Paragraph 4. Not in a div.</p></body></html>
ログイン後にコピー

3,4はSelectになります..ここでの「隣接」とは、「その後の隣接」です


関連ラベル：
CSS邻接选择器
ソース：php.cn
前の記事：さまざまなCSS3属性を使用して悪役のアニメーションを実現_html/css_WEB-ITnose 次の記事：HTML テーブルを結合したcells_html/css_WEB-ITnose
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
WordPress 6.0 (add_editor_style) が Gutenberg エディターで style.css を読み込まない カスタムWordPressブロックテーマを作成するためにUdemyWordPressコースを受講しています。 function.php にブロック タイプが正常に登録され、Gute...
から 2023-11-12 20:37:50
0
2
261
CSS セレクターの優先順位/特異性のデコード CSS セレクターが属性の競合をどのように処理するかを理解したいと考えています。ある物件を別の物件より選択するにはどうすればよいですか? div{背景色:赤;}div.my_cla...
から 2023-10-19 22:58:19
0
2
175
以前の兄弟要素を選択するためのセレクターはありますか? プラス セレクター (+) は、次に隣接する兄弟を選択するために使用されます。最後の兄弟に相当するものはありますか?
から 2023-10-09 22:04:19
0
2
298
CSS 疑似クラス関数で複合セレクターを効果的に使用する方法を学びます: host-context(<selector>) MDN ドキュメントでは、:host-context() は次のように定義されています。 :host-context() CSS 疑似クラス関数は、CSS が含まれるシャドウ DO...
から 2023-09-16 15:49:33
0
1
621
CSS カラー変数 - CSS カラーを定義する場合はルールまたはセレクターが必要です こんにちは、「CSS カラーを定義するときにアットルールまたはセレクターが必要です。」という問題が発生しています。VS Code を使用していますが、次の問題があります: http...
から 2023-09-13 11:02:07
0
1
259
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト：福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！