css重置后强标签在firefox上不起作用

Posted

技术标签:

【中文标题】css重置后强标签在firefox上不起作用【英文标题】:Strong tag is not working on firefox after css reset 【发布时间】:2012-02-28 07:01:27 【问题描述】:

我正在阅读一本关于 javascript 的书(Javascript & jQuery: The Missing Manual),当我尝试书中的一个示例时,我意识到 Firefox 不显示强标记。 所有其他浏览器(Chrome、Safari)显示它都没有问题。 搜索html页面的css文件,看到作者做了css reset(包括strong标签),然后他这样声明strong:

strong 
    font-family: 'ColaborateMediumRegular', Arial, sans-serif;  

也许如果他添加了 font-weight: bold;在新定义中,他可以克服这个问题。 我的问题是是否有一个重置文件包含所有这些缺失的小细节并适用于所有主要浏览器。 谢谢。

【问题讨论】:

【参考方案1】:

CSS reset sn-ps 并不意味着严格使用,可以根据您的特定需求进行更改。

只需从重置定义中删除strong 选择器,其行为就会如您所愿。或者,使用以下命令覆盖重置的定义:

strong 
    font-family: 'ColaborateMediumRegular', Arial, sans-serif;
    font-weight: 700;

【讨论】:

【参考方案2】:

“Firefox 不显示强标签”的描述可能意味着 Firefox 以正常字体粗细呈现strong 元素,而不是粗体。这正是“css reset”应该做的:重置渲染以便不使用浏览器默认值,这样作者提供的 CSS 代码可以从一个干净的板子开始,可以这么说。作者可能希望使用独特的颜色或背景或其他一些方法来渲染strong 元素。如果需要,必须明确指定粗体。

如果没有看到具体的“css 重置”代码和使用的 HTML 页面,就无法说明为什么重置在某些浏览器上不起作用。

有可能 ColaborateMediumRegular 应该引用嵌入的 (@font face) 字体,它看起来足够独特。已知字体嵌入具有浏览器依赖性。

【讨论】:

就是这样。在这里你可以看到完整的 css 文件:pastebin.com/mm8L9SRk 我想我找到了这个Firefox问题的原因,就在堆栈溢出中。这是链接:***.com/questions/2856502/… 我已经在 Firefox 的 about:config 中尝试了 config 命令,现在本地文件可以正常显示,并且 strong 标签再次工作。 无法重现,因为字体文件丢失。无论如何,这似乎与strong 标签和CSS 重置没有太大关系;相反,这是网络字体的问题。

以上是关于css重置后强标签在firefox上不起作用的主要内容,如果未能解决你的问题,请参考以下文章

CSS - 剪辑路径 svg 在 Firefox 上不起作用

SVG 剪辑路径动画在 Firefox 上不起作用

@font-face 在 Firefox 中不起作用 [重复]

CSS col 可见性:折叠在 Chrome 上不起作用

在新标签页中打开链接在 Safari iOS 上不起作用

Html 按钮单击在 Firefox 上不起作用