CSS选择元素属性或属性与n型

-3

我希望选择具有required属性或type='submit'的所有输入，然后用n种类型遍历它们。CSS选择元素属性或属性与n型

是这样的：(input[required]|[type='submit']):nth-of-type(1)

实施例：

4所需的输入，然后两个非所需，然后提交。

第一匹配那个（必需或提交）是绿色，第二蓝色，第三黄色，橙色第四，第五红色等

“我希望选择所有输入” 你有什么理由认为：第n个孩子（1）存在？ – BoltClock

@BoltClock是的，因为我选择他们，然后给每个不同的颜色。 –

虽然管（|）符号是指“或”多种编程语言（虽然它通常是||），而在W3C specification syntax中，它在CSS中没有这个含义。

input[required], 
 
input[type="submit"]{ 
 
    box-shadow: 5px 5px 5px red; 
 
}

<input type="text"><br> 
 
<input type="radio"><br> 
 
<input type="checkbox" required><br> 
 
<input type="submit">

2016-09-24 15:33:16

我如何使用这个虽然与第十二孩子给每个元素不同的颜色？ –

所以nth-type是我想要的？我目前没有代码，除了我添加的小片段。 –

提供答案后完全改变问题并不是很好的做法。在原始问题中没有关于循环，迭代或“n型”的任何内容。对“子女”的唯一引用是次要的和未被引用的。 –

回答