問題是 - 我可以像下面的代碼那樣將輸入與按鈕連接起來嗎?或者不改變 html 是不可能的(如果我不會為此使用 js 代碼)。不要責罵 html 代碼,這個例子來自一個網站,我只是想弄清楚是否可以訪問給定嵌套的其他塊。input:checked ~ button{ display: none; }<div id="form"> <section class="container"> <form class="form"> <section class="checkbox-control"> <label for="personal-data-checkbox" class="checkbox-border"> <input type="checkbox" id="personal-data-checkbox"> </label> <label for="personal-data-checkbox" class="checkbox-label"> <span class="consent-message"></span> </label> </section> <section class="checkbox-control"> <label for="cookie-checkbox" class="checkbox-border"> <input type="checkbox" id="cookie-checkbox"> </label> <label for="cookie--checkbox" class="checkbox-label"> <span> </span> </label> </section> <section class="buttons"> <section class="confirm"> <button class="accept-all-button button">Agree to all</button> <button class="confirm-button button hidden-button">Confirm</button> </section> </section> </form> </section></div>
1 回答

POPMUISE
TA貢獻1765條經驗 獲得超5個贊
我可以用按鈕連接輸入嗎
不,你無法連接。截至 2020 年 4 月,沒有選擇器可以從子項中選擇父項
然而https://dev.w3.org/csswg/selectors4/#relational,該文檔說他們將包括:has()
selecor。使用它你可以這樣做
.checkbox-control:has(input:checked) ~ .buttons button { display: none; }
但目前不支持
- 1 回答
- 0 關注
- 149 瀏覽
添加回答
舉報
0/150
提交
取消