質問編集履歴
3
!importantをつけたCSSを追記しました。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -67,3 +67,29 @@
|
|
|
67
67
|
解決に向け、アドバイスをいただきたいです。
|
|
68
68
|
|
|
69
69
|
また、擬似要素は複数のクラスを持つ要素には指定はできないのでしょうか？
|
|
70
|
+
|
|
71
|
+
|
|
72
|
+
|
|
73
|
+
8/7追記
|
|
74
|
+
|
|
75
|
+
```css
|
|
76
|
+
|
|
77
|
+
#hover:hover{
|
|
78
|
+
|
|
79
|
+
background-color: blue!important;
|
|
80
|
+
|
|
81
|
+
color: #fff!important;
|
|
82
|
+
|
|
83
|
+
border: solid 2px blue!important;
|
|
84
|
+
|
|
85
|
+
padding: 20px 40px!important;
|
|
86
|
+
|
|
87
|
+
padding-top: 10px!important;
|
|
88
|
+
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
```
|
|
92
|
+
|
|
93
|
+
ご指摘いただいた通り、importantをつけてみました。
|
|
94
|
+
|
|
95
|
+
が、先日と同様開発者ツールでしかhoverが確認できない状態です。
|
2
.small_btnの閉じ忘れを修正しました
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -42,7 +42,7 @@
|
|
|
42
42
|
|
|
43
43
|
margin-top: 20px!important;
|
|
44
44
|
|
|
45
|
-
|
|
45
|
+
}
|
|
46
46
|
|
|
47
47
|
div#hover:hover div.btn{
|
|
48
48
|
|
1
<div class="btn small_btn red_btn">の上部分のコードを追記しました。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -1,6 +1,12 @@
|
|
|
1
1
|
```html
|
|
2
2
|
|
|
3
|
+
<div>
|
|
4
|
+
|
|
5
|
+
<p>〜〜〜</p>
|
|
6
|
+
|
|
3
7
|
<div class="btn small_btn red_btn" id="hover">ホバーで色を変えたいボタン</div>
|
|
8
|
+
|
|
9
|
+
</div>
|
|
4
10
|
|
|
5
11
|
```
|
|
6
12
|
|