HomePostsTagsBitsProjects

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;
}