3A - Push Publish

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

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

The ::marker pseudo-element is for styling the stylistic marker of a list element.

• example
• example

1. example
2. example

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

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

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: