cssを強引に効かせる方法は無いでしょうか？

Question

お世話になっております。

a.hoge{
	color: deeppink;
}

：
なんか色々……
：
◆<a class="hoge" target="_blank" href="http://www.google.co.jp">グーグル</a>
◆<a style="color:deeppink" target="_blank" href="http://www.yahoo.co.jp">やほお</a>◆
：

とした場合↑のグーグルはピンクではありません……
強引に効かせる方法は無いのでしょうか？

なんたらForceみたいなのがあった気がしております。

また
なんか色々……
の部分でリンク部分はマウスオーバーで色を変えているのですが
マウスオーバーをstyle で実装出来ないのでしょうか？

初心者の質問で大変申し訳無いのですが上記お問い合わせいたします。

Answer 1

a.hoge{
    color: deeppink !important;
}

!important をつける。

Comments

[moitaro]

ありがとうございます。
Forceじゃなくてimportantでしたっ

一番早かったKosukeさんにBAを

Answer 2

a.hoge {
  color: deeppink!important;
}

a:hover {
  color: blue;
}

マウスオーバーは:hoverをつけます（ならなかったらまた!important）

<a style=""></a>の形でマウスオーバー実装するのはちょっと面倒だと思います

Comments

[moitaro]

ありがとうございます。
styleで実装するのは面倒なのですねっ
素直にcssで実装します。

コメントありがとうございました。

Answer 3

なんか色々……の部分の提示が無いのでなんとも言えませんが
マウスオーバーで色を変えるなら擬似クラスを使ってみてはいかがでしょう。

参考例

a:hover.hoge {
  color: blue;
}

Comments

[moitaro]

ありがとうございます。
マウスオーバーの部分は上記のやり方で実装させていただきます。

助かりましたm(_ _)m