ゆいリセットにCSSが <strong><em>動作しないこ</em></strong>

StackOverflow https://stackoverflow.com/questions/20107

  •  09-06-2019
  •  | 
  •  

質問

このゆかりの リセットにCSS はトラブルを起こすことがなん:

address,caption,cite,code,dfn,em,strong,th,var {
    font-style: normal;
    font-weight: normal;
}

ることかなと思い em なitalicと私 strong な胆に見えます。でも大丈夫です。いかオーバーライドする自分のスタイルシートです。

strong, b 
{
  font-weight: bold;
}

em, i 
{
  font-style: italic;
}

この問題にいただいた場合、テキストの両方 em や strong. 

<strong>This is bold, <em>and this is italic, but not bold</em></strong>

私のルール strong この大胆なが結のルール em でです。どうしたらいいか。

役に立ちましたか？

解決

が強く宣言したゆい。によるオーバーライドします。できる力でこのように:

strong, b, strong *, b * { font-weight: bold; }
em, i, em *, i * { font-style: italic; }

ご支援IE7る必要があります追加 !important.

strong, b, strong *, b * { font-weight: bold !important; }
em, i, em *, i * { font-style: italic !important; }

この作品にさせて頂く事もございます自分自身

/*YUI styles*/
address,caption,cite,code,dfn,em,strong,th,var {
  font-style: normal;
  font-weight: normal;
}
/*End YUI styles =*/

strong, b, strong *, b * {
  font-weight: bold;
}

em, i, em *, i * {
  font-style: italic;
}
 <strong>Bold</strong> - <em>Italic</em> - <strong>Bold and <em>Italic</em></strong>

他のヒント

私はこの規則をオーバーライドのゆいリセット:

strong, b, strong *, b *
{
  font-weight: bold;
}

em, i, em *, i *
{
  font-style: italic;
}

の場合、ゆいリセットします。cssでもゆいます。css、そのすべての設定標準設定のクロスブラウザベースのメーカーです。

リンク: http://developer.yahoo.com/yui/base/

あったかと同じような問題に加えてみると、ゆいリセットトップの株式のCSSファイルです。ことを確認いただくことが最高のものだったことを今でも覚えているだけですべて削除し、

font-weight: normal;

宣言からゆいリセットします。Iさんがこのような"クロスブラウザです。"

すべての私の宣言した後、ユリセットさんのいかんをします。

どちらのスタイル読み込まれた後のリセットものにする必要があると思います.どのブラウザです。私の仕事についても同様に自分たなヒットこの問題なのかも私の試験。

リセットスタイルシートはベストをベースにしております。行わない場合はリセットされた、それらを取り除くからのスタイルシートです。

としてのChrisれを継続してご利用いただけにして大文字と小文字を正確にCSSをご提供い宗教.私のように保存し、コピーをサーバーを編集す。

いるのを避けるものはハッキング"結の場""ファイルです。ることもできなければなり更新する外部の図書館のサイトの場合に依存して編集中のバージョンが良い機会となりますのでcockedます。これは一般に良い習のための他の3サードパーティ製ライブラリです。

していかないといけないと思い この 回答したものよりよいもの

の場合、ゆいリセットします。cssでもゆいます。css、そのすべての設定標準設定のクロスブラウザベースのメーカーです。

ただいています。思うに追加することができますCSS規則のようになります:

strong em { font-weight: bold; }

または:

strong * { font-weight: bold; }

思った理想的なソリューション:

strong, b 
{
  font-weight: bold;
  font-style: inherit;
}

em, i 
{
  font-style: italic;
  font-weight: inherit;
}

残念ながら、Internet Explorerをサポートしていない"年老いてしまいました。" :-(

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top