Articles Tagged
pseudo classes

5 Articles

Chromium spelling and grammar features

Delan Azabani digs into the (hopefully) coming soon ::spelling-error and ::grammar-error pseudo selectors in CSS. Design control is always nice. Hey, if we can style scrollbars and style selected text, why not this?

The squiggly lines that indicate possible spelling or grammar errors

…

Shared by Chris Coyier on Jun 29, 2021 (Updated on Dec 28, 2021)

nth-child pseudo classes

:nth-child Between Two Fixed Indexes

I needed to select some elements between two fixed indexes the other day — like literally the second through fifth elements. Ironically, I have a whole post on “Useful :nth-child Recipes” but this wasn’t one of them.

The answer, it …

Chris Coyier on Jun 29, 2021

chrome pseudo classes

Custom State Pseudo-Classes in Chrome

There is an increasing number of “custom” features on the web platform. We have custom properties (--my-property), custom elements (<my-element>), and custom events (new CustomEvent('myEvent')). At one point, we might even get custom media …

Šime Vidas on May 6, 2021

:is :where pseudo classes

CSS :is() and :where() are coming to browsers

Direct Link

Šime Vidas with the lowdown on what these pseudo-selectors are and why they will be useful:

:is() is to reduce repetition¹ of parts of comma-separated selectors.
:where() is the same, but nothing inside it affects specificity. The example of

…

Shared by Chris Coyier on Jun 10, 2020

pseudo classes selectors

Meet the Pseudo Class Selectors

Pseudo class selectors are CSS selectors with a colon preceding them. You are probably very familiar with a few of them. Like hover:

a:hover {
  /* Yep, hover is a pseudo class */
}

They are immensely useful in a …

Chris Coyier on Mar 17, 2010 (Updated on Feb 4, 2022)