YUI重置CSS使< strong>< em>这不工作< / em>< / strong> [英] YUI Reset CSS Makes <strong><em>this not work</em></strong>
问题描述
YUI的重置CSS 中的此行对我造成了麻烦:
地址,字幕,引用,代码,dfn,em,strong,th,var {
字体样式:正常;
font-weight:normal;
}
它使我的 em
不是斜体和我的强
不是粗体。这是好的。我知道如何在我自己的样式表中覆盖它。
strong,b
{
font-weight:bold;
}
em,i
{
font-style:italic;
}
问题出现在我有文本 em
和 strong
。
这是粗体,< em>,这是斜体,但不是粗体< / em> / strong>
我的规则 strong
但是YUI的 em
规则使它再次正常。如何解决这个问题?
如果你的强宣言来自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:正常; font-style:font-style:font-style:font-style:font-style:font-style:font-style:font-style:font-style: / code>
< strong>粗体< / strong> - < em>斜体< / em> - < strong> Bold和< em>斜体< / strong>
b
This line in YUI's Reset CSS is causing trouble for me:
address,caption,cite,code,dfn,em,strong,th,var {
font-style: normal;
font-weight: normal;
}
It makes my em
not italic and my strong
not bold. Which is okay. I know how to override that in my own stylesheet.
strong, b
{
font-weight: bold;
}
em, i
{
font-style: italic;
}
The problem comes in when I have text that's both em
and strong
.
<strong>This is bold, <em>and this is italic, but not bold</em></strong>
My rule for strong
makes it bold, but YUI's rule for em
makes it normal again. How do I fix that?
If your strong declaration comes after YUI's yours should override it. You can force it like this:
strong, b, strong *, b * { font-weight: bold; }
em, i, em *, i * { font-style: italic; }
If you still support IE7 you'll need to add !important
.
strong, b, strong *, b * { font-weight: bold !important; }
em, i, em *, i * { font-style: italic !important; }
This works - see for yourself:
/*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>
这篇关于YUI重置CSS使< strong>< em>这不工作< / em>< / strong>的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!