Using Quantity Queries to write content-aware CSS
Code language: CSS
:first-child:nth-last-child(4),
:first-child:nth-last-child(4) ~ * {
/* Styles here */
}
This asks the question ‘Is this element the first-child and the fourth-last element that I’m working on OR does this element come after the first-child and the fourth-last element that I’m working on?’