- :has()
-
The CSS :has() pseudo-class selects elements that contain other elements that match the selector passed into its arguments. It is often referred to as “the parent selector” because of its ability to select a parent element based on the child elements it contains and apply styles to the parent.
ex: One button says add and one button has +add using the :has() pseudo-class
- Can I Use? - :has()
- :hyphens()
-
The hyphens CSS property specifies how words should be hyphenated when text wraps across multiple lines. It can prevent hyphenation entirely, hyphenate at manually-specified points within the text, or let the browser automatically insert hyphens where appropriate.
ex: example
- Can I Use? - :hyphens()
- ::marker
-
The ::marker pseudo-element is for styling the stylistic marker of a list element.
- example
- example
- example
- example
- Can I Use? - ::marker
- :nth-last-of-type
-
The CSS :has() pseudo-class selects elements that contain other elements that match the selector passed into its arguments. It is often referred to as “the parent selector” because of its ability to select a parent element based on the child elements it contains and apply styles to the parent.
- example
- example
- example
- Can I Use? - :nth-last-of-type
- :empty
-
The CSS :empty pseudo-class selects any element that does not contain children for a given selector.
ex: There are 3 P tags here. One of them has no content.
Not empty
Not empty
- Can I Use? - :empty
- :disabled
-
The :disabled pseudo-class selector provides conditional styling to HTML elements that can receive user input, when the elements have the disabled attribute. It is defined in the CSS Selectors Level 3 spec as a “UI element state pseudo-class”, meaning it is used to style content based on the user’s interaction with an input element.
ex:
- Can I Use? - :disabled