哪些样式属于 HTML 元素“a”？ [关闭]答案

【问题标题】：Which styles belong to the HTML-element 'a'? [closed]哪些样式属于 HTML 元素“a”？ [关闭]
【发布时间】：2013-08-15 15:39:40
【问题描述】：

我的问题：“哪些样式属于 HTML 元素 'a'？” 而且，在我的示例中一切都正确吗？

我有这些样式：

h1 {
    border: 2px solid #FFF;
    text-align: center;
}
h1 a {
    color: #FFF;
    font-family: 'x';
    font-size: 37px;
    line-height: 49px;
    text-transform: uppercase;
}

还有（当然）这个HTML-Code：

<h1>
    <a href="y">bla bla</a>
</h1>

【问题讨论】：

你的问题不清楚。
根据我的经验，你可以把任何东西塞进<a>，它会起作用的。在大多数情况下，无论如何。
根据您的问题，这是第二条规则。
我建议使用像 firebug 这样的工具或 chrome 的开发者工具来查找实际应用于 »a« 的所有样式。
@programminginallston：我是否将正确的样式放入正确的元素中？

标签： html css performance styles

【解决方案1】：

您需要担心的唯一样式是color 和text-decoration。所有其他样式都继承自父项。但是，color 和 text-decoration 将被 a 覆盖，以使链接变为蓝色并带有下划线。因此，color 和text-decoration 必须直接应用于a，或者设置为inherit。

我不能说它是“对”还是“错”，因为这是主观的。如果它在浏览器中带来了所需的结果，那么它就可以工作。

【讨论】：

真的不是这样，h1 a CSS 的特殊性还为a 提供了应用于a 元素的大小、行高等。
我的意思是如果没有指定这些样式可以被继承，而颜色和文本装饰将不会被继承。

【解决方案2】：

这在我看来是完全有效的 CSS。

如果您不确定自己的语法，以后可以随时使用CSS Validator。

【讨论】：

【解决方案3】：

显而易见的答案是两者都会受到影响，但任何针对锚标记（您的“a”链接）的内容都会覆盖您的 H1 样式。所以如果我说，h1 { color: red; } 然后说 h1 a { color: blue; } 那么链接颜色最终会变成蓝色，因为它是最有针对性的样式。你的代码看起来不错。

【讨论】：

【解决方案4】：

所有样式都将应用于该 HTML，但只有第二个样式 (h1 a) 将专门应用于嵌套在 <h1> 标记中的链接，如果删除该 <a> 标记，则第二个不会应用样式。

【讨论】：