[解決済み] CSSセレクタの「+」(プラス記号)の意味は何ですか?
2022-03-22 06:37:35
質問
例えば
p + p {
/* Some declarations */
}
が何なのかわからない。
+
を意味します。に対してスタイルを定義するのと何が違うのでしょうか?
p
を使わずに
+ p
?
解決方法は?
参照 隣接セレクタ をW3.orgでご覧ください。
この場合、セレクタは、スタイルが他の段落に直接続く段落にのみ適用されることを意味します。
無地の
p
セレクタは、ページ内のすべての段落にそのスタイルを適用します。
これはIE7以上でのみ動作します。IE6では、どの要素にもスタイルが適用されません。また、これは
>
コンビネータを使用します。
については、マイクロソフトの概要もご参照ください。 Internet ExplorerにおけるCSSの互換性 .
関連
-
[CSSチュートリアル】CSSで2カラムレイアウトを実現するN種類のメソッド
-
[CSSチュートリアル】クールなネオン効果を実現するピュアCSS(デモあり)
-
[css3]グレーモードやブラックモードを実現するCSS3フィルター(フィルター)サンプルコード(Webページ用
-
[解決済み] CSSの親セレクタはありますか?
-
[解決済み] SCSSとSassの違いは何ですか?
-
[解決済み] CSSのdisplayプロパティで遷移する
-
[解決済み] How do I style a <select> dropdown with only CSS?
-
[解決済み] 最初の要素にクラスを指定するCSSセレクタ
-
[解決済み] CSSセレクタの"~"(チルダ/スクイグル/ツイドル)はどういう意味ですか?
-
[解決済み] CSSセレクタの">"(大なり小なり)とはどういう意味ですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[CSSチュートリアル】カットコーナー+ボーダー+プロジェクション+コンテンツ背景色のグラデーション効果を実現するCSS
-
[CSSチュートリアル】CSS たった1行のコードでアバターと国旗の一体化を実現
-
[CSSチュートリアル]CSSは、2列のレイアウト、固定幅の左側、適応するためのさまざまな方法の右側を達成するために
-
[CSSチュートリアル】overflow:hiddenの役割を解説(overflow hidden、clear float、外周マージンの崩れを解決する)。
-
[CSSチュートリアル】position:stickyでトップ吸い上げアプレット問題を完璧に解決
-
[CSSチュートリアル】ピュアCSSで実装した通知バーの3種類のスクロール効果
-
[CSSチュートリアル】タイトルを上部に配置するスティッキーレイアウトを実現するためのCSS
-
[css3]赤いパケットのジッター効果を実現するCSS3
-
[CSSチュートリアル】カラフルで知的なシャドウ効果を実現するCSS
-
[css3]CSS3アニメーションによる光のボタンの流れの効果