CSS中的方括號

Question

CSS中的方括號之間的內容是什麼意思？例如。

input[type="radio"]

Answer 1

方括號attribute selector語法。

你的（完整的）例如是指「選擇其具有類型屬性具有值無線電類型輸入的元件」例如<input type="radio">

Answer 2

這是一個屬性選擇器。它選擇具有指定屬性的元素。你可以找到更多關於他們在這裏：https://developer.mozilla.org/en-US/docs/CSS/Attribute_selectors

在您的例子：input[type="radio"]

這將匹配看起來像這樣的元素：

<input type='radio'> 

的選擇你的問題的手段已經給它需要全部三個單詞：元素名稱'input'，屬性'type'以及該屬性的值爲'radio'。

瀏覽器兼容性：這是一個標準選擇器，可在所有常用瀏覽器中使用。你可能需要擔心的唯一瀏覽器不支持IE6。 See here爲這個和其他CSS選擇器的兼容性圖表。

希望有所幫助。

Answer 3

這是一個CSS屬性選擇器，它只會選擇類型設置爲radio的輸入，也就是說，它會選擇所有的單選按鈕。 Here's一篇文章解釋它多一點。

Answer 4

這是在CSS

E[foo="warning"]一個attribiute選擇匹配任意E元素「foo」的屬性值是完全等於「警告」。

更多http://www.w3.org/TR/CSS2/selector.html