Html 选择子单选按钮时更改标签CSS（不使用javascript/jquery）？

我使用的是Kendo MVVM，我想在选中标签的子单选按钮时更改标签的CSS。我的HTML设置如下所示：

一对一 表示

---

此代码在选中输入后更改跨度的样式

input:checked + span {
  color: red;
}

输入：选中+span{ 颜色：红色； } 一对一 表示

---

通过@3rdthemagical帮助我介绍+css操作符，我能够在不使用任何javascript/jquery的情况下实现我的目标。以下是我的HTML/CSS：

.收音机：选中+.输入框{ 背景色：红色； } 一对一 表示

---

在kendo MVVM的数据绑定中，您可以在视图模型上指定属性或函数。不能绑定到类似SubType==“onetoone”的表达式。在css类绑定中，绑定应该是布尔属性或返回布尔属性的函数

以html中的此绑定为例：

data-bind="css: { selected: isOneToOne }

在viewmodel中，可以具有以下属性：

isOneToOne: false;

这意味着不应用“选定”类。如果在viewmodel中执行此操作：

set("isOneToOne", true);

…然后该类将被应用。或者，isOneToOne可以是viewmodel上的一个函数，返回布尔值：

isOneToOne: function () {
    return get("SubType") === 'onetooone';
}

---

这是非常接近我想要的，但不完全是。。。我希望当选中单选按钮时，标签标签（而不是对应于它的同级跨度）会得到修改的CSS，当我的输入在标签内时，可以这样做吗？还是我必须分开them@philrCss没有prev元素选择器。或父选择器。所以，当输入位于标签标记内时，不能修改标签。为什么需要精确地修改“标签”？我的标签标签是模仿按钮的，当单击其中一个标签时，我希望它显示为按下状态。我知道我可以使用jQuery轻松地完成这项工作，我只是想知道如果没有jQuery是否可以完成这项工作