回答編集履歴
1
調整
test
CHANGED
@@ -2,3 +2,23 @@
|
|
2
2
|
.footer-btn-wrap:hover{
|
3
3
|
```
|
4
4
|
ということですか?
|
5
|
+
|
6
|
+
# liにhover
|
7
|
+
liにhoverするとaの背景色とiの文字色がかわるということですよね?
|
8
|
+
```css
|
9
|
+
<link href="https://use.fontawesome.com/releases/v5.6.1/css/all.css" rel="stylesheet">
|
10
|
+
<style>
|
11
|
+
.footer-button:hover a{
|
12
|
+
background-color: #2da690 ;
|
13
|
+
}
|
14
|
+
.footer-button:hover .fa-arrow-right{
|
15
|
+
color: #f5f5f5;
|
16
|
+
}
|
17
|
+
</style>
|
18
|
+
<ul class="footer-btn-wrap">
|
19
|
+
<li class="footer-button"><a href="#">サンプル1<i class="fas fa-arrow-right" aria-hidden="true"></i></a></li>
|
20
|
+
<li class="footer-button"><a href="#">サンプル2<i class="fas fa-arrow-right" aria-hidden="true"></i></a></li>
|
21
|
+
<li class="footer-button"><a href="#">サンプル3<i class="fas fa-arrow-right" aria-hidden="true"></i></a></li>
|
22
|
+
</ul>
|
23
|
+
|
24
|
+
```
|