指定CSS

Question

多個屬性選擇什麼是做類似的語法：

input[name="Sex" AND value="M"] 

基本上，我要選擇具有屬性name="Sex"的input元素以及屬性value="M"：

<input type="radio" name="Sex" value="M" /> 

元素如以下應不選擇：

<input type="radio" name="Sex" value="F" /> 

Answer 1

簡單input[name=Sex][value=M]會做的很好。而且它居然在standard doc很好的描述：

多個屬性選擇器可以用來指代一些 屬性的元素，甚至多次到同一個屬性。

span[hello="Cleveland"][goodbye="Columbus"] { color: blue; }

：

這裏，選擇所有的SPAN元素，其「你好」屬性 具有完全相同的價值「克利夫蘭」和他的「再見」屬性有 完全值「哥倫布」匹配

請注意，只有在此值不是有效標識符時，才需要在屬性值周圍使用引號。

JSFiddle Demo

Answer 2

串聯的屬性選擇：

input[name="Sex"][value="M"] 

Answer 3

對於串聯是：

input[name="Sex"][value="M"] {} 

並採取聯合是：

input[name="Sex"], input[value="M"] {} 

Answer 4

[class*="test"],[class="second"] { 
background: #ffff00; 
} 

Answer 5

只是要補充說，選擇器和左括號之間不應有空格。

td[someclass] 

將工作。但是

td [someclass] 

不會。