Question

我使用jquery附加一些HTML（无线电输入按钮）并递增输入的name=""。

在CSS中，我希望能够像这样在名称的末尾添加*：

input[type="radio"][name="state*"] { //css }

这是可能的还是我可以为每个属性提供辅助值，例如name2="groupidentifier"？

我知道我可以使用form input[type="radio"] { //css }，但认为这可能是未来参考的一个有趣的选择。

Answer 1

我相信您正在寻找的是attribute selectors

＆＃13;

input[type="radio"][name^="state"] {
  /* Styling here */
}

＆＃13;

<form>
<input type="radio" name="state1" />
<input type="radio" name="state1" />
<br />
<input type="radio" name="state2" />
<input type="radio" name="state2" />
</form>

＆＃13;

Answer 2

我认为您正在寻找的是更像这样的东西：

input[type="radio"][name*="state"] { //css }

*需要部分=

CSS选择器中的通配符用于匹配名称变体

2 个答案: