CSS selectors by no means stop to amaze me in how highly effective they are often in matching advanced patterns. Most of that flexibility is in guardian/little one/sibling relationships, very seldomly in worth matching. Think about my shock after I discovered that CSS permits matching attribute values regardless off case!
Including a {area}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 instances for this i
flag are possible very restricted, particularly if this flag is knew data for you and also you’re used to a typical lower-case customary. A unfastened CSS classname customary may have and would proceed to result in issues, so use this case insensitivity flag sparingly!
Designing for Simplicity
Earlier than we get began, it is price me spending a short second introducing myself to you. My identify is Mark (or @integralist if Twitter occurs to be your communication software of selection) and I at the moment work for BBC Information in London England as a principal engineer/tech…
NSFW Blocker Utilizing MooTools and CSS
Certainly one of my responsible pleasures is scoping out the newest movie star gossip from PerezHilton.com, DListed.com, and JoBlo.com. Sadly, these websites sometimes submit NSFW photos which makes checking these websites on lunch an enormous gamble — a visit to HR’s workplace may very well be only a click on away. Since…