9

CSS中方括号之间的内容是什么意思?例如

input[type="radio"]

4

4 回答 4

9

它是 CSS 中的属性选择器

E[foo="warning"] 匹配任何“foo”属性值完全等于“警告”的 E 元素。

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

于 2013-04-17T08:45:01.337 回答
6

方括号是属性选择器语法。

您的(完整)示例的意思是“选择类型输入的元素,其类型属性的值为单选”,例如<input type="radio">

于 2013-04-17T08:44:17.380 回答
1

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

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

这将匹配一个看起来像这样的元素:

<input type='radio'>

您在问题中给出的选择器意味着它需要所有三个单词:元素名称“输入”、属性“类型”和该属性的值是“收音机”。

浏览器兼容性:这是一个标准选择器,可在所有常用浏览器中使用。您可能需要担心的唯一不支持它的浏览器是 IE6。有关此选择器和其他 CSS 选择器的兼容性图表,请参见此处

希望有帮助。

于 2013-04-17T08:44:31.337 回答
1

这是一个 CSS 属性选择器,它只会选择类型设置为单选的输入,也就是说,它将选择所有单选按钮。 这是一篇文章,对其进行了更多解释。

于 2013-04-17T08:44:36.207 回答