人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

はてなブログでの CSS 編集につきまして。p タグに隣接する blockquote だけに設定を反映させたいのですが、うまくいきません。何かお気づきになる誤りがあれば、ご指摘いただけないでしょうか?

div.entry-content p + div.entry-content blockquote {
margin-top: -20px;
margin-bottom: 60px;
}

p + div.entry-content blockquote でも設定が反映されませんでした。div.entry-content blockquote のみであれば設定が反映されていることを確認しております。

●質問者: domodomodomo
●カテゴリ:ウェブ制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● a-kuma3
●400ポイント ベストアンサー

こんな感じで。

div.entry-content p + blockquote {
 ...
}

domodomodomoさんのコメント
また今回も助けていただいて本当にありがとうございます。 涙が止まらないかぎりです (´;ω;`)ブワッ

a-kuma3さんのコメント
子孫セレクタの「空白」と隣接セレクタの前後に付けられる空白の優先順位が分かりにくいんだと思います。 質問のセレクタは、結合の優先順位を括弧で強調してみる(CSS の記法ではありません)と、こういう意図だと思いますが、 >|| ( div.entry-content p ) + ( div.entry-content blockquote ) { ||< 多分、左から解釈されて、以下のようになっているのではないか、と思います。 >|| ( ( div.entry-content p ) + div.entry-content ) blockquote { ||< もしくは、隣接セレクタが子孫セレクタよりも結合の優先順位が高いのであれば、こうとか。 >|| div.entry-content ( p + div.entry-content ) blockquote { ||< 隣接セレクタや兄弟セレクタは、左側の指定と同じ階層にあることは確定しているので、 >|| ( div.entry-content p ) + blockquote { ||< 「div.entry-content 配下の p に隣接する blockquote」か、 >|| div.entry-content ( p + blockquote ) { ||< 「p に隣接している blockquote の内、div.entry-content の配下にあるもの」というような解釈をしてくれるんだと思います。

domodomodomoさんのコメント
理屈わからないけど調べとる時間がないと、 急いていたところでございます。 ご教示いただき、誠にありがとうございます (´;ω;`)ブワッ
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ