CSS中的方括号

Question

CSS中方括号之间的含义是什么意思？ E.g。

input[type="radio"]

Answer 1

它是CSS中的属性选择器

  

E[foo="warning"]匹配其＆＃34; foo＆＃34;属性值完全等于＆＃34;警告＆＃34;。

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

Answer 2

方括号是attribute selector语法。

您的（完整）示例意味着“选择输入类型的元素，其类型属性的值为 radio ”，例如<input type="radio">

Answer 3

这是一个属性选择器。它选择具有指定属性的元素。您可以在此处找到有关他们的更多信息：https://developer.mozilla.org/en-US/docs/CSS/Attribute_selectors

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

这将匹配一个如下所示的元素：

<input type='radio'>

你在问题​​中给出的选择器意味着它需要所有三个单词：元素名称'input'，属性'type'和该属性的值为'radio'。

浏览器兼容性：这是一个标准选择器，可在所有常用浏览器中使用。您可能需要担心的唯一一个不支持它的浏览器是IE6。 See here用于此选择器和其他CSS选择器的兼容性图表。

希望有所帮助。

Answer 4

这是一个CSS属性选择器，它只选择类型设置为radio的输入，也就是说，它将选择所有的单选按钮。 Here's一篇文章解释了一下。