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型」的任何內容。對「子女」的唯一引用是次要的和未被引用的。 –

回答