Are CSS selectors case-sensitive?

前端 未结 4 845
借酒劲吻你
借酒劲吻你 2020-12-01 12:02

I was recently updating a CMS site and a tab-navigation plugin had inserted the following markup:

  • ...
  • I\'ve alway

    相关标签:
    4条回答
    • 2020-12-01 12:25

      http://www.w3.org/TR/CSS2/syndata.html

      All CSS syntax is case-insensitive within the ASCII range (i.e., [a-z] and [A-Z] are equivalent), except for parts that are not under the control of CSS

      From the docs website.


      Follow-up for selectors:

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

      The case-sensitivity of document language element names in selectors depends on the document language. For example, in HTML, element names are case-insensitive, but in XML they are case-sensitive.

      0 讨论(0)
    • 2020-12-01 12:30

      CSS itself is case insensitive, but selectors from HTML (class and id) are case sensitive:

      CSS recommendation on case sensitivity

      HTML recommendation, id attribute (note the [CS])

      0 讨论(0)
    • 2020-12-01 12:36

      Class and ID attributes are case sensitive.

      0 讨论(0)
    • 2020-12-01 12:39

      CSS4 (CSS Selector Level 4) adds support for case-insensitive match (ASCII only).

      input[value='search' i]

      It's the "i" at the end which would do the trick...

      Check my other answer for details which browser supports this.

      0 讨论(0)
    提交回复
    热议问题