YUIリセットCSSは<strong><em>は、この私のためのトラブルを引き起こしている</em></strong>

Question

YUIさんReset CSSでこの行は動作しませ作り：

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

それは私のemイタリックないを作り、私のstrong大胆ではありません。それは大丈夫です。自分のスタイルシートでそれを上書きする方法を知っています。私はemとstrong両方のテキストを持っている場合

strong, b 
{ 
    font-weight: bold; 
} 

em, i 
{ 
    font-style: italic; 
} 

問題がでてきます。

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

strongのための私のルールは、それが太字になりますが、emためのYUIのルールは、再び、それは通常ます。どうすれば修正できますか？

Answer 1

YUIさん、あなたはそれをオーバーライドする必要があります後にあなたの強い宣言が来れば。あなたはこのようにそれを強制することができます

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>

Answer 2

限り、あなたのスタイルは、彼らが動作するはずリセットものの後にロードされます。これはどんなブラウザですか？私自身も同様の方法で働いているので、私はこの問題にぶつからなかったので、それは私のテストで何か不具合があるのだろうかと思う。

Answer 3

私はYUIのリセットを無効にするために、このルールを使用します：YUIのreset.cssを使用することに加えて、あなたはまた、YUIのbase.cssを使用する場合は

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

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

Answer 4

、あなたはすべての標準セットで設定されます。クロスブラウザベーススタイルの

LINK：http://developer.yahoo.com/yui/base/

Answer 5

私は株式CSSファイルの先頭にYUIのリセットを追加したとき、私は同様の問題がありました。私にとって最良のことは、YUIリセットのすべての部分を単に削除することであることが判明しました.YUIリセットの宣言は、すべて削除してください。私はこれが "クロスブラウザ"に何らかの影響を与えていることに気づいていません。 YUIは、私は、彼らが影響を与え取っていなかった理由はわからないんだけど、リセット後

すべての私の宣言でした。

Answer 6

リセットスタイルシートは、ベースとして最もよく使用されます。 emやstrongをリセットしない場合は、スタイルシートから削除してください。

Answer 7

クリスは、あなたは、彼らが宗教的に提供し、正確なCSSを使用する必要はありません、言ったように。私はあなたのサーバーにコピーを保存し、必要に応じて編集します。

Answer 8

私は理想的なソリューションと思っていた： "継承"

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

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

残念ながら、Internet Explorerがサポートしていませんが:-(

Answer 9

私はYUIファイルをハッキングすることを避けることをお勧めします。将来的には外部ライブラリを更新する必要があり、サイトが編集されたバージョンに依存している場合は、私は、これはあなたが使用するすべてのサードパーティのライブラリのための一般的な良い習慣だと思います。

だから私はあなたにも使用し、YUIのreset.cssを使用することに加えている場合this答えは、より良いものの中

だと思いましたYUI base.cssを使用すると、クロスブラウザベーススタイルの標準セットがすべて設定されます。

Answer 10

私はあなたが言っていることを見る。これが正解であるため、

strong * { font-weight: bold; }