What we did

October 2024 : Using Pseudo codes has, is and where.

This month we had a look at the has and is pseudo codes as shown in this SitePoint article.

https://www.smashingmagazine.com/2024/05/modern-css-layouts-no-framework-needed/

One of the driving forces behind the CSS was a set of pseudo-class especially “:has” and “:is”. These appear to give us the repeating code that makes the idea of reuse practical. Here is the basic page we created.

These are the the codes we used.
article:has(img)
article a::after
article:is(img)
article:where

Here are the test page results.

Steve South
Web Design leader