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

JavaScriptで記載されたブログパーツ(twitter.comの謹製)を自分のブログに貼り付けているのですが、
プログパーツの中で使われているH3,H4に、ブログ全体で使われているH3,H4のスタイルが適用されてしまい、見苦しくなってしまっています。
ブログパーツの部分でだけ、ヘッダで読み込まれているCSSを無効化する方法はないでしょうか。

●質問者: nikita_r
●カテゴリ:ウェブ制作
✍キーワード:CSS JavaScript スタイル ブログパーツ プログ
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● Galapagos
●35ポイント

ブログパーツのH3, H4に対応するCSSをidまたはclassに書き換えればいいでしょう。

http://allabout.co.jp/gm/gc/23897/

◎質問者からの返答

ありがとうございます。

このために数百か所書きかえるのは、できれば避けたくて・・・


2 ● kaz
●35ポイント ベストアンサー

CSS には「全体を指定後、ピンポイントで無効化する」という方法が無く、

実現するには「目的箇所以外を全て指定し、それに対して設定を行う」という流れが必要です。


できない:全体(A 〜 G)の指定は ○○ で、E だけ除外

できる :A・B・C・D・F・G の指定は ○○


そのため、ブログパーツの外側を以下のように div で囲み、

その中だけ、全体の指定を無効化するような設定で上書きするのが簡単です。

もともと h3 / h4 にどんな指定がされているのか CSS をチェックして、

それを取り消す内容を上書きしてください


HTML 側
<div class="blogparts">
この中にブログパーツを埋込む
</div>
CSS 側
blogparts h3 {
background: none; ← 背景の画像を消したい時
border: none; ← ラインがあるのを消したい時
font-size: 16px; ← 文字の大きさを変えたい時
color: #000; ← 文字の色を黒にしたい時
}

ただし、iframe を使う形式のブログパーツの場合、上記の方法で上書きする事はできません。

その場合、ブログパーツ自体の HTML ソースを見て、

ブログパーツ側の h3 / h4 をピンポイントで指定し、上書きしてください。

ピンポイント指定できない、という事はあまり無いと思いますが、

ブログパーツがあまりにもシンプルな構成でそれができない場合、

全体の指定を最初に書いた「できる」の方法で行うしかありません。

◎質問者からの返答

おお、ありがとうございます。

これでたぶん行けます。

関連質問


●質問をもっと探す●



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