rauschma, 16 days ago #CSS: AFAICT, it’s not possible to hide all HTML .fragment elements after one with the marker class .current <ul> <li class="fragment">One</li> <li class="fragment current">Two</li> <li class="fragment">Three</li> </ul> <div class="fragment"> First </div> <div class="fragment"> Second </div> <div class="fragment"> Third </div> Workaround via JavaScript: Add class .hidden to all .fragment elements and remove them, one by one (vs. “moving” class .current).
#CSS: AFAICT, it’s not possible to hide all HTML .fragment elements after one with the marker class .current
<ul> <li class="fragment">One</li> <li class="fragment current">Two</li> <li class="fragment">Three</li> </ul>
<div class="fragment"> First </div> <div class="fragment"> Second </div> <div class="fragment"> Third </div>
Workaround via JavaScript: Add class .hidden to all .fragment elements and remove them, one by one (vs. “moving” class .current).
chriskirknielsen, 16 days ago @rauschma The selector you're after is .current ~ .fragment, :has(.current) ~ .fragment but I wrote it specifically for your example. A more complex DOM structure would require a more complex selector list.
@rauschma The selector you're after is .current ~ .fragment, :has(.current) ~ .fragment but I wrote it specifically for your example. A more complex DOM structure would require a more complex selector list.
.current ~ .fragment, :has(.current) ~ .fragment
rauschma, 16 days ago @chriskirknielsen Nice! Alas not generic enough for my use case.
@chriskirknielsen Nice! Alas not generic enough for my use case.
keithjgrant, 16 days ago @rauschma @chriskirknielsen A tilde combinator is exactly what I was going to suggest. Why isn't it generic enough?
@rauschma @chriskirknielsen A tilde combinator is exactly what I was going to suggest. Why isn't it generic enough?
Add comment