微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

YUI重置CSS使此不起作用

YUI Reset CSS这条线为我造成了麻烦:
address,caption,cite,code,dfn,em,strong,th,var {
    font-style: normal;
    font-weight: normal;
}

它使我的em不是斜体,而我的强者不是大胆的.没关系我知道如何在我自己的样式表中重写.

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>

我对强者的统治使得它变得大胆,但是YUI对于em的规则使得它再次成为正常的.我该如何解决

解决方法

如果你的强烈声明是在YUI的你的应该覆盖它之后.你可以这样强迫它:
strong,b,strong *,b * { font-weight: bold; }
em,i,em *,i * { font-style: italic; }

如果您仍然支持IE7,则需要添加!重要.

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

这样做 – 看看你自己:

/*YUI styles*/
address,var {
  font-style: normal;
  font-weight: normal;
}
/*End YUI styles =*/

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

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

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐