回答編集履歴
2
再度回答
answer
CHANGED
|
@@ -1,1 +1,11 @@
|
|
|
1
|
+
子要素のみ`opacity`の適用から除外する方法は無いので、`span`で括って、`span`に適用してはどうでしょうか。
|
|
2
|
+
```html
|
|
3
|
+
<a class="mail" href="#"><span>メール</span></a>
|
|
4
|
+
<a href="#"><span>企業情報</span></a>
|
|
5
|
+
|
|
6
|
+
<style>
|
|
7
|
+
a:hover span{
|
|
8
|
+
opacity: 0.6;
|
|
9
|
+
}
|
|
1
|
-
|
|
10
|
+
</style>
|
|
11
|
+
```
|
1
質問を読み違えていたのでひとまず削除
answer
CHANGED
|
@@ -1,7 +1,1 @@
|
|
|
1
|
-
子要素をopacityの適用から除外する方法は無いので、今回の場合、文字色だけ変更してはどうでしょうか。
|
|
2
|
-
```css
|
|
3
|
-
a:hover {
|
|
4
|
-
/*opacity: 0.6;*/
|
|
5
|
-
|
|
1
|
+
質問を読み違えていたのでひとまず削除
|
|
6
|
-
}
|
|
7
|
-
```
|