ID:ZAhpXM さんの質問

CSSの疑似要素afterに対して、:hoverを設定することは可能でしょうか？
何か方法は存在するのでしょうか？
.tableViewitem:after {
font-family: ’FontAwesome’;
content: "\f054";
position: absolute;
top: 50%;
right: 10px;
margin-top: -7px;
font-size:16px;
color: #ccc;
}
■一応試したけど上手く行かない
.tableViewitem:after:hover {
color: #000; /* こんな感じで色を変えたい！！ */
}

みんなの回答 1 件

ID:djaKCc さんの回答

:hoverに対しての:afterはどうですか？
.tableView__item:hover:after{
color: #000;
}

ID:lLk1fC

できました！ありがとうございます！

最終更新日:2014-08-25 (53,802 views)

関連するトピックス

1 回答

雑魚のコーダーです。a:before要素にアイコン画像などを設定してaにtext-decorationを設定するとIE9やIE10でa:beforeにも下線が適用されてしまいます。アイコン画像の設定方... 7,662 views
1 回答

IEで擬似要素と擬似クラスの併用について教えてください。下記のように記述すると、GCでは表示されますが、IE10では表示されません。.hoge:hover:after {content:"ああああ";... 9,802 views
1 回答

疑似クラスと疑似要素の併用って出来ないものでしょうか？例えば、:after :nth-child(n)というように？自分のサイトで試した結果だと併用は不可能でした。また、もし不可能である場合はどのよう... 6,769 views
7 回答

疑似要素で入れた画像を中央配置したいです。p要素の前にライン代わりの画像を入れたいのですが、以下のCSSでtext-align: centerのみ効いていませんでした。原因がわかる方がいらっしゃいまし... 17,813 views
2 回答

afterやbeforeなどの擬似要素にクリックイベントを発生させたいのですが調べてみたところ「仮想要素なのでJSで取得できない」とのことでした。htmlを変更するとボリュームが多いので今のまま擬似要... 35,897 views
2 回答

javascriptで:beforeや:afterなど擬似要素のプロパティや値を編集するにはどのようにしたらいいのでしょうか。jQueryを使わずに扱う方法を教えていただけますか。 31,920 views
2 回答

疑似セレクタの:afterか:beforeに設定したimgにリンクをつける方法はありますでしょうか？ 19,439 views
2 回答

CSSの斜線バックグラウンドってChromeだと崩れるんですね。CSSのgradientで斜め掛けの背景とかよくやると思うのですが、どうやらChromeだとストライプ内のリンクにhoverした瞬間にス... 5,622 views
3 回答

文字列リンクにはa:hoverの背景色を変えたいのですが<a href=""><img></a>のように画像を挟んだリンクでは背景色が変わらない... 3,382 views
3 回答

jQueryでhoverした要素のみアニメーションさせたい。例）画像の上に横から黒の帯が出てくるアニメーション下記のソースですと:beforeのアニメーションがされない。またこのままだとhoverされ... 4,563 views

みんなの回答 1 件

:hoverに対しての:afterはどうですか？.tableView__item:hover:after{color: #000;}

関連するトピックス

:hoverに対しての:afterはどうですか？
.tableView__item:hover:after{
color: #000;
}