CSS選擇元素屬性或屬性與n型

Question

我希望選擇具有required屬性或type='submit'的所有輸入，然後用n種類型遍歷它們。

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

實施例：

4所需的輸入，然後兩個非所需，然後提交。

第一匹配那個（必需或提交）是綠色，第二藍色，第三黃色，橙色第四，第五紅色等

Answer 1

雖然管（|）符號是指「或」多種編程語言（雖然它通常是||），而在W3C specification syntax中，它在CSS中沒有這個含義。

"OR" can be expressed by a comma in 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">