Explores creative uses of the CSS :target pseudo-class to create interactive elements like modals and navigation drawers without JavaScript.
Explains the CSS :not pseudo-class and its surprising impact on selector specificity, with practical examples.
Explains the difference between CSS pseudo-classes and pseudo-elements, and clarifies the correct single vs. double colon syntax to use for each.
Explains the difference between CSS selectors :nth-child and :nth-of-type with practical examples.
Explores best practices for writing semantic, maintainable CSS selectors, with an introduction to frameworks like OOCSS and SMACSS.
A tutorial on creating a Tic Tac Toe game using only CSS, with hidden checkboxes and pseudo-classes for game logic.
A CSS technique for conditionally applying styles based on selector support, using invalid selectors to filter unsupported browsers.
A CSS technique using :nth-child and :nth-last-child to style elements based on sibling count with improved efficiency.
Explains how and when to use CSS character escape sequences for targeting unusual class/ID names and inserting special characters.
Explains CSS pseudo-classes like :link, :visited, and :first-child, describing them as 'phantom' classes that style elements based on state.
Explains CSS specificity, how it's calculated, and how it determines which styles are applied to HTML elements.
