質問編集履歴
1
訂正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
detailsを入れ子にした場合に、入れ子のdetailsのhover等、CSSの設定が効かない状態となっております
|
|
2
2
|
|
|
3
3
|
親をクリックしたりホバーすると親にはCSSが適応されますが、
|
|
4
|
-
子には一切CSS
|
|
4
|
+
子には一切CSSのホバー等が無効となります
|
|
5
5
|
|
|
6
6
|
この問題を解決する方法をご存じの方、教えていただけませんでしょうか？
|
|
7
7
|
|
|
@@ -22,12 +22,12 @@
|
|
|
22
22
|
|
|
23
23
|
|
|
24
24
|
<details style="width:15%;height:50px;float:left">
|
|
25
|
-
<summary style="height:100%">親
|
|
25
|
+
<summary style="height:100%">親2</summary>
|
|
26
26
|
<div class="details-content" style="height:100%;width:100%">
|
|
27
27
|
<div style="width:100%;height:1000%;background-color:red">
|
|
28
28
|
|
|
29
29
|
<details style="width:100%;height:100px"><!-- hover等無効になる部分 -->
|
|
30
|
-
<summary style="height:100%">子
|
|
30
|
+
<summary style="height:100%">子2</summary>
|
|
31
31
|
hello
|
|
32
32
|
</details>
|
|
33
33
|
|