CSS selectors by no means stop to amaze me in how highly effective they are often in matching complicated patterns. Most of that flexibility is in father or mother/youngster/sibling relationships, very seldomly in worth matching. Contemplate my shock once I realized that CSS permits matching attribute values regardless off case!
Including a {house}i to the attribute selector brackets will make the attribute worth search case insensitive:
/* case delicate, solely matches "instance" */
[class=example] {
background: pink;
}
/* case insensitive, matches "instance", "eXampLe", and so on. */
[class=example i] {
background: lightblue;
}
The use circumstances for this i flag are probably very restricted, particularly if this flag is knew data for you and also you’re used to a normal lower-case commonplace. A free CSS classname commonplace may have and would proceed to result in issues, so use this case insensitivity flag sparingly!
5 HTML5 APIs You Didn’t Know Existed
If you say or learn “HTML5”, you half anticipate unique dancers and unicorns to stroll into the room to the tune of “I am Horny and I Know It.” Are you able to blame us although? We watched the elemental APIs stagnate for thus lengthy {that a} fundamental characteristic…
Create a CSS Flipping Animation
CSS animations are quite a lot of enjoyable; the fantastic thing about them is that by means of many easy properties, you may create something from a sublime fade in to a WTF-Pixar-would-be-proud impact. One CSS impact someplace in between is the CSS flip impact, whereby there’s…
CSS Fastened Positioning
If you wish to maintain a component in the identical spot within the viewport regardless of the place on the web page the person is, CSS’s fixed-positioning performance is what you want. The CSS Above we set our ingredient 2% from each the highest and proper hand aspect of the…
dwProgressBar v2: Stepping and Occasions
dwProgressBar was an enormous hit when it debuted. For these of you who did not catch my first put up, dwProgressBar is a MooTools 1.2-based progress bar which permits for as a lot flexibility as doable. Every bit of dwProgressBar will be managed by CSS…
