回答編集履歴
2
CSS4で親要素を特定することができることを追記
answer
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
残念ながら、CSSで親要素に遡ることはできないので、CSS単発ではできないです・・・。
|
|
1
|
+
残念ながら、現在では、CSSで親要素に遡ることはできないので、CSS単発ではできないです・・・。
|
|
2
|
-
（
|
|
2
|
+
（CSS4の:hasセレクタをうまく使えばできるが、まだどのブラウザもサポートしていない）
|
|
3
3
|
|
|
4
4
|
ですが、HTMLを少し変えれば、CSSだけでも、親跨ぎの要素を指定することができます。
|
|
5
5
|
JavaScriptも使いません。
|
1
CSSのセレクタでは、親指定ができない旨を追記
answer
CHANGED
|
@@ -1,5 +1,10 @@
|
|
|
1
|
-
|
|
1
|
+
残念ながら、CSSで親要素に遡ることはできないので、CSS単発ではできないです・・・。
|
|
2
|
+
（マジで親特定のセレクタほしい）
|
|
2
3
|
|
|
4
|
+
ですが、HTMLを少し変えれば、CSSだけでも、親跨ぎの要素を指定することができます。
|
|
5
|
+
JavaScriptも使いません。
|
|
6
|
+
そんな、JavaScriptを使わない方法が、下記になります。
|
|
7
|
+
|
|
3
8
|
```html
|
|
4
9
|
<div class="middle-a">
|
|
5
10
|
<label for="clickChk"><span class="lower-a"></span></label> ←これをクリックしたとき
|