第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

檢查輸入 html 中的屬性,以便在塊位置不同時(shí)隱藏 css 內(nèi)容

檢查輸入 html 中的屬性,以便在塊位置不同時(shí)隱藏 css 內(nèi)容

慕標(biāo)琳琳 2024-01-03 16:35:29
問(wèn)題是 - 我可以像下面的代碼那樣將輸入與按鈕連接起來(lái)嗎?或者不改變 html 是不可能的(如果我不會(huì)為此使用 js 代碼)。不要責(zé)罵 html 代碼,這個(gè)例子來(lái)自一個(gè)網(wǎng)站,我只是想弄清楚是否可以訪問(wèn)給定嵌套的其他塊。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貢獻(xiàn)1765條經(jīng)驗(yàn) 獲得超5個(gè)贊

我可以用按鈕連接輸入嗎

不,你無(wú)法連接。截至 2020 年 4 月,沒(méi)有選擇器可以從子項(xiàng)中選擇父項(xiàng)

然而https://dev.w3.org/csswg/selectors4/#relational,該文檔說(shuō)他們將包括:has()selecor。使用它你可以這樣做

.checkbox-control:has(input:checked) ~ .buttons button {
      display: none;
}

但目前不支持



查看完整回答
反對(duì) 回復(fù) 2024-01-03
  • 1 回答
  • 0 關(guān)注
  • 200 瀏覽

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢(xún)優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)