はてなブログ上で使うGoogle Chrome「検証」についてです。
自分のはてなブログ上の記事に対して検証を行い、検証画面で要素を変更するとその通りに表示されるのに、デザインCSSのところでそのコピーした同じ要素を打っても変更されません。
画像の「①」を消したいので、そこのセレクタを表示させて「display:none」と自分で打ちました。
画像ではオフになってますが、チェックをいれて有効にすると「①」が検証画面上で消えます。
でも黄色で囲った部分をコピーして、デザインＣＳＳに入力しても変化がありません。
これはどういう原因が考えられますか？
回答よろしくお願いします。
ログインして回答する
ベストアンサー
-
a-kuma3
デザインCSS の指定は、はてなブログのページに対して有効になります。
この質問で変更しようとしている部分は、サイドバーのモジュールになりますが、iframe で表示されているコンテンツのため、残念ですが デザインCSS での指定が効きません。
その他の回答
この質問へのコメント
質問の情報
- 登録日時
- 2017-12-14 20:13:46
- 終了日時
- 2017-12-15 05:48:48
- 回答条件
- 1人5回まで
この質問のカテゴリ
この質問に含まれるキーワード
人気の質問
-
この英文どうなってますか？ The boy seemed to be waiting for his mother to come.（その少年は母親が来…
匿名質問者
1
1
-
不定詞の形容詞的用法らしいんですけど、副詞的用法と書いたら✖️ですか？ I want to buy a book to read …匿名質問者11
-
日向陽葵という○V女優が好きなのですが似ている○V女優はいますか匿名質問者
-
共通テストで使われるプログラミング言語は共通テスト特有の言語と聞いたのですが、受験勉強で身につけたプ…匿名質問者1
-
内定してほしいポケモンはいますか？匿名質問者
これは、インターネットのコンテンツ(ブログやTwitterなど)を安全に利用するための制限・仕組みになります。
今回の場合は、自分のブログではなくTwitterのコンテンツですから、変更ができない状態となります。
(また、Twitterの規約として表示させているアイコンですから、消すことも非推奨となります。)
iframeという言葉を初めて知り、とても勉強になりました。
賢者のお二方、回答いただきありがとうございます！