質問編集履歴
2
追記を追加
test
CHANGED
File without changes
|
test
CHANGED
@@ -66,4 +66,12 @@
|
|
66
66
|
|
67
67
|
|
68
68
|
|
69
|
+
【追記】
|
70
|
+
|
71
|
+
spanの部分は実際にはspan以外にもpやdivが存在する場合もあります。
|
72
|
+
|
73
|
+
最小限の短いコードにしていあるため申し訳ありません。
|
74
|
+
|
75
|
+
|
76
|
+
|
69
77
|
よろしくお願いします。
|
1
htmlの修正
test
CHANGED
File without changes
|
test
CHANGED
@@ -14,29 +14,27 @@
|
|
14
14
|
|
15
15
|
<div class="alpha">
|
16
16
|
|
17
|
-
<
|
17
|
+
<div class="beta">
|
18
18
|
|
19
|
+
<span>ここは変えたくない</span>
|
20
|
+
|
21
|
+
</div>
|
22
|
+
|
19
|
-
<div class="
|
23
|
+
<div class="alpha">
|
20
24
|
|
21
25
|
<span>ここは変えたくない</span>
|
22
26
|
|
23
|
-
<div class="a
|
27
|
+
<div class="beta">
|
24
28
|
|
25
|
-
<span>ここは変えたくない</span>
|
26
|
-
|
27
|
-
<div class="beta">
|
28
|
-
|
29
|
-
|
29
|
+
<span>色を変えたい</span>
|
30
|
-
|
31
|
-
</div>
|
32
30
|
|
33
31
|
</div>
|
34
32
|
|
35
|
-
|
33
|
+
<div class="alpha">
|
36
34
|
|
37
|
-
|
35
|
+
<div class="beta">
|
38
36
|
|
39
|
-
|
37
|
+
<span>ここは変えたくない</span>
|
40
38
|
|
41
39
|
</div>
|
42
40
|
|
@@ -50,25 +48,15 @@
|
|
50
48
|
|
51
49
|
```lang-css
|
52
50
|
|
53
|
-
.alpha:hover .a
|
51
|
+
.alpha:hover .beta:hover{
|
54
52
|
|
55
53
|
background-color:red
|
56
54
|
|
57
55
|
}
|
58
56
|
|
59
|
-
|
57
|
+
.alpha:hover :not(.alpha) .beta:hover{
|
60
58
|
|
61
|
-
```lang-css
|
62
|
-
|
63
|
-
.alpha:hover span{
|
64
|
-
|
65
|
-
background-color:
|
59
|
+
background-color:red
|
66
|
-
|
67
|
-
}
|
68
|
-
|
69
|
-
.alpha:hover .alpha:(not:hover) span{
|
70
|
-
|
71
|
-
background-color: transparent;
|
72
60
|
|
73
61
|
}
|
74
62
|
|