如何使标题成为超链接而不改变它在CSS中的风格

Question

我尝试将链接附加到我的标题，但我最终得到了格式化文本的样式。我做错了什么

＆＃13;

＆＃13;

h2 {
  color: green;
  text-align: right;
  border: 2px solid purple;
  text-decoration: none;
}

＆＃13;

<h2><a href="#">Sign in</a></h2>

＆＃13;

＆＃13;

＆＃13;

Answer 1

以下是可能的解决方案之一：

h2{
    color:green;
    text-align: right;
    border: 2px solid purple;
    text-decoration: none;

}
a{
 color:green;
 text-decoration: none;
}

   <h2> <a href="#">Sign IN</a></h2>

Answer 2

您需要选择a才能应用某些样式，而不仅仅是h2。

你可以试试这个：

＆＃13;

＆＃13;

h2 {
  text-align: right;
  border: 2px solid purple;
}

h2 a {
  color: green;
  text-decoration: none;
}

＆＃13;

<h2><a href="#">Sign in</a></h2>

＆＃13;

＆＃13;

＆＃13;

Answer 3

我认为你可以在这里使用h2 { color: green; text-align: right; border: 2px solid purple; text-decoration: none; } h2 a { color: inherit; text-decoration: inherit; }来保存相同颜色等两次。

Links have default colors取决于他们必须被覆盖的状态。

＆＃13;

＆＃13;

<h2><a href="#">Sign in</a></h2>

＆＃13;

currentColor

＆＃13;

＆＃13;

＆＃13;

甚至...... h2 { color: green; text-align: right; border: 2px solid purple; text-decoration: none; } h2 a { color: currentColor; text-decoration: inherit; } ..

＆＃13;

＆＃13;

<h2><a href="#">Sign in</a></h2>

＆＃13;

forEach

＆＃13;

＆＃13;

＆＃13;