如何使用多个单选按钮定位任何CSS属性?当检查不同的Radio btn时，为CSS属性分配diff值

Question

当选中不同的单选按钮时，我想为其他元素的CSS属性分配不同的值。

`<input type="radio" name="for-image" id="img-1">
<input type="radio" name="for-image" id="img-2">
<input type="radio" name="for-image" id="img-3">`

Answer 1

您需要使用CSS选择器。使用CSS选择器，您可以像这样瞄准元素：div:first-of-type或div:nth-of-type(3)。

您可能还需要使用:checked选择器来触发选中复选框时的样式。CSS选择器也可以组合！

要了解它们是如何工作的，以及有哪些CSS选择器可供您使用，请阅读以下链接：W3Schools CSS selectors