Question

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

Answer 1

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

我不能说它＆＃34;对＆＃34;或者＆＃34;错误＆＃34;，因为这是主观的。如果它在浏览器中带来了所需的结果，那么它就能正常工作。

Answer 2

对我来说，这看起来非常有效。

如果您不确定语法，将来可以随时使用CSS Validator。

Answer 3

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

Answer 4

所有样式都将应用于该HTML，但只有第二种样式（h1 a）将专门应用于嵌套在<h1>标记中的链接，如果删除{{1}然后第二个样式将不会被应用。

哪些样式属于HTML元素'a'？

4 个答案: