当前位置:  开发笔记 > 前端 > 正文

YUI重置CSS使<strong> <em>无法正常工作</ em> </ strong>

如何解决《YUI重置CSS使<strong><em>无法正常工作</em></strong>》经验,为你挑选了3个好方法。

YUI 重置CSS中的这一行给我带来了麻烦:

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

它使我的em不是斜体,而strong不是我的大胆.哪个没关系.我知道如何在我自己的样式表中覆盖它.

strong, b 
{
  font-weight: bold;
}

em, i 
{
  font-style: italic;
}

当我有两个em和两个文本时,问题就出现了strong.

This is bold, and this is italic, but not bold

我的规则strong是大胆的,但YUI的规则em使它再次正常.我该如何解决这个问题?



1> palmsey..:

如果您的强烈声明是在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;
}
 Bold - Italic - Bold and Italic


2> travis..:

我会使用此规则来覆盖YUI重置:

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

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



3> Ricky..:

如果除了使用YUI reset.css之外,还使用了YUI base.css,那么您将使用一组标准的跨浏览器基本样式进行设置.

链接:http://developer.yahoo.com/yui/base/

推荐阅读
我我檬檬我我186
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有