选中无线电时显示元素

Question

只是尝试在p被检查时显示input[type=radio]元素

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>

我试过的CSS

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

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

所以就是这样，我已经在不同的地方实现了相同的方法并且它有效，我只是不知道为什么这个没有