Contextual Column Width
Using a combination :first-child
and :nth-last-child
, it is possible to write selectors based on the number of child elements. This can be useful to set column width contextually when there are an unknown amount of columns in a layout.
This method comes from Lea Verou’s blog: