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