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