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

Popular posts from this blog

java - Plugin org.apache.maven.plugins:maven-install-plugin:2.4 or one of its dependencies could not be resolved -

Round ImageView Android -

How can I utilize Yahoo Weather API in android -