如何删除<address>标签的所有自动格式?

时间:2016-05-10 02:18:15

标签: html css

我正在使用normalize.css,但在使用<address>标记指定文章作者时仍然遇到问题:

<address rel="author">My Name</address>

至少在Firefox中,它似乎将其转换为块级元素,并将italic添加到font-style

我不知道它还在做什么。

如何删除浏览器可能添加的<address>标记的所有自动样式?

3 个答案:

答案 0 :(得分:2)

使用initial关键字:

address { all: initial; }

这将删除用户代理样式表应用的样式,例如display: block的{​​{1}}。

div的使用不仅限于initial。它也可用于“关闭”特定属性:

all

答案 1 :(得分:1)

默认情况下,address具有以下属性:

address {
  display: block;
  font-style: italic;
}

因此,如果您要重置address,请将font-style设置为normal

&#13;
&#13;
address {
  font-style: normal
}
&#13;
<address rel="author">My Name</address>
&#13;
&#13;
&#13;

注意 - 显示它的规则取决于您,但如果您查看CSS重置,则会将address视为display:block

答案 2 :(得分:1)

  

如何删除浏览器可能添加的<address>标记的所有自动样式?

你不能。您无法删除浏览器默认样式。你覆盖它们。

因此,在您自己的样式表中,根据需要设置<address>的规则。

normalize.css(v4.1.1)的最新版本不包含任何<address>规则,因此无需在此处进行任何更改。

您可以在此处了解推荐的浏览器默认样式:

您会注意到<address>已应用display: blockfont-style: italic