How deeply does CSS in Depth, Second Edition cover conditional CSS rule?

Defines @supports syntax and browser decision behavior, then works through fallback and grid styling; defers detailed grid treatment.

Conditional CSS rule

As explained in CSS in Depth, Second Edition

A conditional CSS construct that applies declarations or rules only when a browser supports a specified feature or condition.

A conditional CSS rule uses @supports to apply a group of declarations only when the browser understands a specified declaration. Keep broadly useful fallback styles outside the block, then add enhanced styles inside it. section 1.5.3

Progressively enhancing a coffee-link layout

Style links with inline-block, minimum widths, and margins as a fallback. Then use @supports (display: grid) to switch the container to a three-column grid, add gaps, and remove the fallback spacing. section 1.5.3

How CSS in Depth, Second Edition covers it

liveBook manning.com

Read CSS in Depth, Second Edition on liveBook Get the book at manning.com

Related concepts

@supportskind of · The CSS @supports conditional group at-rule applies enclosed rules only when the user agent supports the specified declaration or condition.
progressive enhancementused by · Progressive enhancement is a development approach that provides broadly compatible baseline functionality and adds capabilities when the environment supports them.
CSSconfigures · CSS, or Cascading Style Sheets, is a stylesheet language for specifying the presentation and layout of structured documents and user interfaces.
conditional formattingimplements · Conditional formatting is a presentation technique that changes the appearance of data when specified conditions are met.

This explainer was generated by Manning's knowledge graph from the text of CSS in Depth, Second Edition. The section links point to the parts of the book it draws on.