Articles Tagged ::selection

When we’re thinking about choosing colors in design, we’re always thinking about accessibility. Whenever colors touch, there is contrast and, if we’re talking about the color contrast of text, it needs to be high enough to be readable. This benefits people with a variety of visual disabilities, but also everyone appreciates easily readable text.

Let’s look at the color contrast considerations of just a single paragraph!… Read article “A Whole Bunch of Places to Consider Contrast in a Single Paragraph”

You know how you can style (to some degree) selected text with ::selection? Well, Jeff Starr uncovered a heck of a weird CSS bug.

If you:

1. Leave that selector empty
2. Link it from an external stylesheet (rather than <style></style> block)

Selecting text will have no style at all. 😳😬😕… Read article “A Super Weird CSS Bug That Affects Text Selection”

Perhaps you know this one: if any part of a selector is invalid, it invalidates the whole selector. For example:

div, span::butt {
  background: red;
}

Even though div is a perfectly valid selector, span:butt is not, thus the entire selector is invalidated — neither divs nor span::butt elements on the page will have a red background.… Read article “One Invalid Pseudo Selector Equals an Entire Ignored Selector”