これは簡単なようですが、私はこれをあまりにも思っていますので、これを動作させることができません。CSS：ボタンクラスのデフォルトのハイパーリンクの色を無視する方法
私は私のデフォルトのハイパーリンクのスタイルを持っている：
a {
text-decoration: none;
color: blue;
}
a:hover {
color: red;
}
a:visited {
color: purple;
}
そして私はまた、ボタンのいくつかのスタイルがあります。
.button {
padding: 0.4em;
border: 1px solid #535353;
color: #535353;
}
最後に、私はカスタマイズする要素に付加されているいくつかのグローバルクラスを持っていますフォントの色：
.color-green {
color: green;
}
.color-yellow {
color: yellow;
}
私の問題は、ハイパーリンクのようなボタンを扱っています：
<a class="button" href="#">A button</a>
私はそれはホバー上で、デフォルトの状態だし、訪問にcolor: #535353;をするクラスbuttonで任意のリンクをしたいと思います。ボタンは色のクラスを持っている場合は、色がに変わります
<a class="button color-green" href="#">A green button</a>
：ボタンのような、色のクラスを持っていない限り、ボタンは常にその色... ...ない限り
する必要がありますどのカラークラスも指定されています...これはすべての状態（デフォルト、ホバー、訪問）を含みます。
私が抱えている問題は、:hoverと:visitedハイパーリンクボタンの状態です。たとえば、ボタンにカラークラスがある場合、その色は、ホバリングされると常に赤に変わります。
ボタンをカラークラスにすると、すべての状態でその色になるように、どうすれば更新できますか？
もありますのでご注意ください
など、DIV、色のクラスは要素のすべての種類（などのdiv、スパン、P、）で使用され、また、ボタンクラスがリンク上で使用され、送信ボタンを覚えておいてくださいハイパーリンクにはクラスcolor-yellowがありますが、ハイパーリンクがデフォルトのハイパーリンクのホバーカラーを継承したいと考えています。私はクラスbuttonの何かが、デフォルトのハイパーリンクのホバーと訪問された色を無視するだけです。
a {
text-decoration: none;
color: blue;
}
a:hover {
color: red;
}
a:visited {
color: purple;
}
.button {
width: auto;
padding: 0.4em;
border: 1px solid #535353;
color: #535353;
}
.color-green {
color: green;
}
.color-yellow {
color: yellow;
}<a href="#">Normal hyperlink</a>
<a class="color-yellow" href="#">Yellow normal, red hovered</a>
<a class="button" href="#">Default button</a>
<a class="button color-green" href="#">Green color button</a>
別の解決策は、複数のセレクタを使用することで、また、ボタンである別名全て '' 要素は '' a.button {//コードを} '用いて異なるスタイルすることができます。ボタン：ホバー{//コード} '、' a.button：visited {// code} ' – Jhecht