Skip to content

Bit #25

Adding an i before the closing bracket in CSS attribute selector causes the value to be compared case-insensitively.

<button class="mybutton">Send</button>
<!-- red border -->
<button class="myButton">Send</button>
<!-- green border -->

With the HTML above, we can do this:

[class*="button" i] {
/* matches mybutton and myButton */
border: 10px solid green;
[class*="button"] {
/* matches only mybutton */
border-color: red;