Html 无线电选中元素选择Sass

我有一个单选按钮，当我检查它时，它会影响另一个元素。 我做不到。我试图影响一些因素。什么都没用

我的HTML标记：

<label for="1">
        <div class="card card-1">
            <input class="card__input-1"type="radio" name="card" id="1">    
            <h4 class="card__header">10 GB / <span class="card__header--price">0$</span></h4>
            <ul class="card__list">
                <li class="card__list-item">10GB Space</li>
                <li class="card__list-item">Sync Devices</li>
                <li class="card__list-item">Free Forever</li>
                <li class="card__list-item">No Credit Card Required</li>
            </ul>

        </div>
         </label>

---

无错误消息。

您可以使用

+

或

~

CSS选择器影响文档流中输入后的元素，但这些元素共享相同的父元素，如下所示：

.card\uu输入-1:选中~.card-1{
背景颜色：橙色；
}

10 GB/0$

10GB空间
同步设备
永远免费
无需信用卡

.card__input-1:checked .card-1{
background-color: orangered;
}