【问题标题】:Square brackets in CSS [duplicate]CSS中的方括号[重复]
【发布时间】:2013-04-09 02:24:28
【问题描述】:

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

input[type="radio"]

【问题讨论】:

标签: html css forms


【解决方案1】:

方括号是attribute selector 语法。

您的(完整)示例表示“选择类型为 input 且具有 type 属性且值为 radio 的元素”,例如<input type="radio">

【讨论】:

    【解决方案2】:

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

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

    这将匹配如下所示的元素:

    <input type='radio'>
    

    您在问题中给出的选择器意味着它需要所有三个词:元素名称“input”、属性“type”和该属性的值“radio”。

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

    希望对您有所帮助。

    【讨论】:

      【解决方案3】:

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

      【讨论】:

        【解决方案4】:

        这是 CSS 中的属性选择器

        E[foo="warning"]匹配任何“foo”属性值正好等于“warning”的E元素。

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

        【讨论】:

          猜你喜欢
          • 2017-11-17
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 2013-10-02
          • 1970-01-01
          • 2014-07-22
          • 2019-12-03
          • 2020-09-11
          相关资源
          最近更新 更多