cssの質問です。

<style type="text/css">
a:hover { text-decoration: none; }
</style>
これをhtmlのaタグに直接記述したいですがどのように書けばいいですか?
<a href="#" style="text-decoration:none;">xxx</a>
みたいな。
よろしくお願いします。

回答の条件
  • 1人1回まで
  • 13歳以上
  • 登録:2015/06/03 11:53:13
  • 終了:2015/06/03 14:39:18

ベストアンサー

id:a-kuma3 No.1

a-kuma3回答回数4523ベストアンサー獲得回数18792015/06/03 12:20:29

ポイント100pt

:hover は、疑似クラスと呼ばれる指定ですけれど、style 属性では書くことができません。

特定の A タグの :hover にだけスタイルの指定をしたい、ということだと思うので、クラスの指定をあわせて書けば良いでしょう。

<style type="text/css">
/* .hoge の指定をする */
a.hoge:hover {
    text-decoration: none;
}
</style>

<a              href="#" style="text-decoration:none;">xxx</a>
<a class="hoge" href="#" style="text-decoration:none;">xxx</a>   <!-- これにだけ効く -->
<a              href="#" style="text-decoration:none;">xxx</a>
他2件のコメントを見る
id:wsapp

!important バッチリありました。
だからstyle属性で指定してもビクともしなかったんですね。

実物をはてなにリンクしてもいいのか解りませんので、Wordpressで作った実物と同じサンプルをこしらえて仮のURLでオンライン上にアップいたします。
そこでまたあらためて質問いたします。
そして、アップしたことをコメントでもお知らせします。
その時は、お手数かけますがよろしくお願いします。

ありがとうございましたm(_ _)m

2015/06/03 14:38:43
id:wsapp

新しく質問を追加いたしました。
http://q.hatena.ne.jp/1433319012

お手すきの時に目を通していただければ幸いです。
いつもありがとうございます。

2015/06/03 17:11:43

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません