1513250027 はてなブログ上で使うGoogle Chrome「検証」についてです。


自分のはてなブログ上の記事に対して検証を行い、検証画面で要素を変更するとその通りに表示されるのに、デザインCSSのところでそのコピーした同じ要素を打っても変更されません。

画像の「①」を消したいので、そこのセレクタを表示させて「display:none」と自分で打ちました。
画像ではオフになってますが、チェックをいれて有効にすると「①」が検証画面上で消えます。
でも黄色で囲った部分をコピーして、デザインCSSに入力しても変化がありません。

これはどういう原因が考えられますか?

回答よろしくお願いします。

回答の条件
  • 1人5回まで
  • 13歳以上
  • 登録:2017/12/14 20:13:46
  • 終了:2017/12/15 05:48:48

ベストアンサー

id:a-kuma3 No.1

a-kuma3回答回数4673ベストアンサー獲得回数19892017/12/14 20:36:15

デザインCSS の指定は、はてなブログのページに対して有効になります。

この質問で変更しようとしている部分は、サイドバーのモジュールになりますが、iframe で表示されているコンテンツのため、残念ですが デザインCSS での指定が効きません。

  • id:psne
    iframe という「ページの中に他のページを埋め込む」タグを利用しているものについては、デザインの適用ができない場合があります。
    これは、インターネットのコンテンツ(ブログやTwitterなど)を安全に利用するための制限・仕組みになります。
    今回の場合は、自分のブログではなくTwitterのコンテンツですから、変更ができない状態となります。
    (また、Twitterの規約として表示させているアイコンですから、消すことも非推奨となります。)
  • id:a-kuma3
    おっと、出遅れた :-)
  • id:Polonaise
    自分のブログでも変更できない部分はあるんですね。
    iframeという言葉を初めて知り、とても勉強になりました。
    賢者のお二方、回答いただきありがとうございます!

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません