代码之家  ›  专栏  ›  技术社区  ›  Patrick McElhaney

yui reset css makes<strong><em>this not work<em><strong>

  •  9
  • Patrick McElhaney  · 技术社区  · 16 年前

    这条线在Yui's Reset 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;
    }
    

    当我有文本时,问题就出现了,这两者都是 相对长度单位 坚强的 .

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

    我的规则 坚强的 大胆点,但尤伊的规则是 相对长度单位 使之恢复正常。我该怎么解决?

    10 回复  |  直到 8 年前
        1
  •  17
  •   Patrick McElhaney    9 年前

    如果你的强烈声明是在你的声明之后,你应该推翻它。你可以这样强制:

    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>
        2
  •  7
  •   thanksd thibaut noah    8 年前

    我将使用此规则覆盖yui重置:

    strong, b, strong *, b *
    {
      font-weight: bold;
    }
    
    em, i, em *, i *
    {
      font-style: italic;
    }
    
        3
  •  6
  •   Ricky    16 年前

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

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

        4
  •  3
  •   Linus Caldwell Emperor 2052    11 年前

    当我将yui reset添加到我的股票css文件的顶部时,也遇到了类似的问题。我发现对我来说最好的办法就是把

    font-weight: normal;
    

    来自yui重置的声明。我没有注意到这会影响到任何“跨浏览器”。

    我所有的声明都是在yui重置之后,所以我不知道为什么它们没有生效。

        5
  •  2
  •   sparkes    16 年前

    只要在重置样式后加载样式,它们就可以工作。这是什么浏览器?因为我也以类似的方式工作,而且我没有碰到这个问题,所以我想知道这是否是我的错误测试中的问题。

        6
  •  2
  •   Chris Marasti-Georg Scott Weinstein    16 年前

    重置样式表最好用作基础。如果不想重设它们或强,请将它们从样式表中删除。

        7
  •  2
  •   Kevin    16 年前

    正如克里斯所说,您不必使用他们在宗教上提供的确切的CSS。我只需将副本保存到您的服务器,并根据您的需要进行编辑。

        8
  •  1
  •   Community THelper    7 年前

    我建议避免任何涉及到入侵yui文件的行为。您需要能够在将来更新外部库,如果您的网站依赖于编辑的版本,那么很有可能会出现问题。我认为这是您使用的任何第三方库的一般良好实践。

    所以我想 this 答案是最好的答案之一

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

        9
  •  0
  •   Ricky    16 年前

    我明白你在说什么。我想你可以添加这样的CSS规则:

    strong em { font-weight: bold; }
    

    或:

    strong * { font-weight: bold; }
    
        10
  •  0
  •   Patrick McElhaney    15 年前

    我认为我有一个理想的解决方案:

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

    很遗憾,Internet Explorer不支持“inherit”。:。-(