Manuel Matuzovic explores modern CSS features

Manuel Matuzovic is documenting his progress in learning modern CSS through a series titled #100DaysOfMoreOrLessModernCSS.

Recent topics include the use of the :modal pseudo-class, which allows for specific styling of dialog elements opened via the showModal() method. This method creates a modal dialog with a backdrop that prevents interaction with the rest of the page, distinguishing it from the show() method.

Additionally, the series explores how global styles interact with Web Components. The application of external stylesheets depends on whether a component utilizes the Shadow DOM. Styles defined outside a component apply to elements added via JavaScript if they are not attached to a Shadow DOM, whereas elements within a Shadow DOM are shielded from external declarations, except for slotted content.