What does "i" mean in a CSS attribute selector? -
i have found following css selector in google chrome user agent stylesheet:
[type="checkbox" i]
what i
mean?
as mentioned in comments, case-insensitive attribute matching. this new feature in css selectors level 4.
presently available in chrome 49+, firefox 47+, safari 9+, , opera 37+*. prior available in chrome user-agent styles starting around chrome 39, enabled web content setting experimental features flag.
* earlier versions of opera may support it.
working example / browser test:
[data-test] { width: 100px; height: 100px; margin: 4px; } [data-test="a"] { background: red; } [data-test="a" i] { background: green; }
green if supported, red if not: <div data-test="a"></div>
the above square green if browser supports feature, red if not.
Comments
Post a Comment