回答編集履歴
1
文章の訂正。
test
CHANGED
|
@@ -8,14 +8,20 @@
|
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
|
|
11
|
-
「.b2:hover+ .a1{color:pink;}」と書くと、b2がホバーした時、b2の直後のa1のみが反応します。
|
|
11
|
+
「.b2:hover+ .a1{color:pink;}」と書くと、b2がホバーした時、b2の直後のa1「あいうえお」のみが反応します。
|
|
12
12
|
|
|
13
13
|
|
|
14
14
|
|
|
15
|
-
また、「.a1:hover+ .a1{color:orange;}」と書いているのに、1つめのa1「あいうえお」がホバーした時「さしすせそ」は色が変わりません。これは間に<br>要素が入っていて、「さしすせそ」が「直後の要素
|
|
15
|
+
また、「.a1:hover+ .a1{color:orange;}」と書いているのに、1つめのa1「あいうえお」がホバーした時「さしすせそ」は色が変わりません。これは間に<br>要素が入っていて、「さしすせそ」が「あいうえお」の"直後の要素"とはならないためです。
|
|
16
|
+
|
|
17
|
+
まあ色々自分でいじってみると一番理解しやすいと思います。
|
|
16
18
|
|
|
17
19
|
|
|
18
20
|
|
|
19
|
-
cssで実装可能な方法もあるかもしれませんが、ホバーなどの時に他の要素のスタイルを変えたいときはJavaScript、JQueryで実装することが多いような気がします。
|
|
21
|
+
cssで実装可能な方法もあるかもしれませんが、ホバーなどの時に他の要素のスタイルを変えたいときはJavaScript、JQueryで実装することが多い、あるいはラクなような気がします。
|
|
20
22
|
|
|
21
|
-
[参考](https://jsfiddle.net/txm4pz9y/1/)
|
|
23
|
+
[参考スクリプト](https://jsfiddle.net/txm4pz9y/1/)
|
|
24
|
+
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
私もアマチュアなので確かなところはわかりませんけれども。
|