はてなブログ上で使うGoogle Chrome「検証」についてです。
自分のはてなブログ上の記事に対して検証を行い、検証画面で要素を変更するとその通りに表示されるのに、デザインCSSのところでそのコピーした同じ要素を打っても変更されません。
画像の「①」を消したいので、そこのセレクタを表示させて「display:none」と自分で打ちました。
画像ではオフになってますが、チェックをいれて有効にすると「①」が検証画面上で消えます。
でも黄色で囲った部分をコピーして、デザインＣＳＳに入力しても変化がありません。
これはどういう原因が考えられますか？
回答よろしくお願いします。
No.1
4973
2154
デザインCSS の指定は、はてなブログのページに対して有効になります。
この質問で変更しようとしている部分は、サイドバーのモジュールになりますが、iframe で表示されているコンテンツのため、残念ですが デザインCSS での指定が効きません。
4
0
1
1
コメント（3件)
これは、インターネットのコンテンツ(ブログやTwitterなど)を安全に利用するための制限・仕組みになります。
今回の場合は、自分のブログではなくTwitterのコンテンツですから、変更ができない状態となります。
(また、Twitterの規約として表示させているアイコンですから、消すことも非推奨となります。)
iframeという言葉を初めて知り、とても勉強になりました。
賢者のお二方、回答いただきありがとうございます！