CSS folks: other than using JS and/or manually adding extra classes, is there not some kind of CSS selector trick to apply a style to the "last *visible* child" element? Tried `:not(.hidden):last-child` but no luck.

My use case is a <ul> with <li> elements, some of which can be hidden (via .hidden class) depending on different app conditions. I apply a border-bottom to all <li> elements, but the "last visible one" needs the border-bottom removed.

You can instead add a border-top with the sibling-selector: <li> + <li>

ah ha! awesome, that worked! thanks!