-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

您需要担心的唯一样式是colortext-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 回答