どのように私はCSSのスタイルを変更せずに見出しをハイパーリンクにしますか

Question

見出しにリンクを付けることを試みましたが、書式設定されたテキストのスタイルを持つことになりました。私はここで

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

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

Answer 1

間違って何をしました可能な解決策の一つである：

一部を適用するためにあなたが aを選択する必要が

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

スタイルだけでなく、h2。

あなたはこれを試すことがあります。

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

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

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

Answer 3

は、私はあなたが二度同じ色などを設定し保存するためにここにinheritを使用することができると思います。

Links have default colorsは、オーバーライドする必要がある状態によって異なります。

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

 
h2 a { 
 
    color: inherit; 
 
    text-decoration: inherit; 
 
}

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

たり... currentColor ...

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

 
h2 a { 
 
    color: currentColor; 
 
    text-decoration: inherit; 
 
}

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