-2

我的问题：“哪些样式属于 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 代码：

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

4 回答 4

2

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

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

于 2013-08-15T15:46:56.140 回答
1

对我来说，这看起来像是完全有效的 CSS。

如果你不确定你的语法，你可以在未来使用CSS Validator。

于 2013-08-15T15:42:22.503 回答
1

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

于 2013-08-15T15:42:36.983 回答
1

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

于 2013-08-15T15:42:37.330 回答