衣重CSS使得 <strong><em>这没工作</em></strong>
题
这条线在锐的 重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
.
<strong>This is bold, <em>and this is italic, but not bold</em></strong>
我的规则 strong
使得大胆的,但锐的规则 em
让它正常。我怎么解决?
解决方案
如果你的强有力宣言附后锐是你应该复盖它。你可以迫使它这样的:
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>
其他提示
我会用这个规则复盖的衣重置:
strong, b, strong *, b *
{
font-weight: bold;
}
em, i, em *, i *
{
font-style: italic;
}
如果除了使用锐复位。css,你也可以使用锐的基础。css,然后你会被所有设置一套标准的跨浏览器基风格。
我有一个类似的问题,当我加入的锐重要顶我的股票CSS文件。我发现最好的事情对我来说是简单地删除所有的
font-weight: normal;
声明,从锐复位。我没注意到这个已经影响到任何东西"跨浏览器"。
我所有的声明之后锐重置,所以我不知道为什么他们不把影响。
只要你的风格装后的重置的,他们应工作。什么浏览器这是什么?因为我的工作在一个类似的方法我自己和我们不打这个问题我不知道这是什么东西在我的测试故障。
重置的样式表是最好用作一个基地。如果你不想重他们或者强大的,从他们的样式表。
以克里斯说过,你不需要使用精确的CSS他们提供宗教。我只想保存的一份副本给你的服务器和编辑您的需求。
我建议避免任何这涉及到黑客的锐的文件。你需要能够更新外部图书馆,并在未来如果你的网站上依赖于编辑的版本有一个很好的机会,它将得到竖起来。我认为这是一般的良好做法的任何第3次缔约方图书馆使用。
所以我想 此 答案是其中最好的
如果除了使用锐复位。css,你也可以使用锐的基础。css,然后你会被所有设置一套标准的跨浏览器基风格。
我看到你在说什么。我猜你可以添加一个CSS规则是这样的:
strong em { font-weight: bold; }
或者:
strong * { font-weight: bold; }
我想我有一个理想的解决方案:
strong, b
{
font-weight: bold;
font-style: inherit;
}
em, i
{
font-style: italic;
font-weight: inherit;
}
不幸的是,互联网资源管理器,不支持"的继承。" :-(