Html 检查收音机时显示元件

Html 检查收音机时显示元件,html,css,Html,Css,当选中输入[type=radio]时,只需尝试制作一个p元素来显示 html代码: <div class="form-group checkbox"> <input type="radio" id="pago-deposito" name="[transaccion]pago"/> <label for="pago-deposito">check1</label> <p id="pago-hint">

当选中输入[type=radio]时,只需尝试制作一个
p
元素来显示

html代码:

<div class="form-group checkbox">
    <input type="radio" id="pago-deposito" name="[transaccion]pago"/>
    <label for="pago-deposito">check1</label>
    <p id="pago-hint">
        //hints
    </p>
</div>
就是这样,我已经在不同的地方实现了相同的方法,并且它是有效的,我只是不知道为什么这个方法不

您需要使用,而不是as
#pago提示
不会立即跟随您的单选按钮:

.checkbox>输入#pago存款[类型=收音机]:选中~p#pago提示{
显示:块;
}
#帕戈提示{
显示:无;
线高:40px;
}

支票1

//暗示

您需要使用而不是as
#pago提示
不会立即跟随您的单选按钮:

.checkbox>输入#pago存款[类型=收音机]:选中~p#pago提示{
显示:块;
}
#帕戈提示{
显示:无;
线高:40px;
}

支票1

//暗示

.checkbox > input#pago-deposito[type=radio]:checked + p#pago-hint{
    display: block;
}

#pago-hint{
    display: none;
    line-height: 40px;  
}