I am trying to make a uBlock Origin filter that hides an element if it’s the last child element of a parent.
For example, let’s say I have the following DOM.
<ul class="ActionList">
<li class="ActionListItem" aria-label="Option 1"></li>
<li class="ActionListDivider"></li>
</ul>
<ul class="ActionList">
<li class="ActionListItem" aria-label="Option 2"></li>
<li class="ActionListDivider"></li>
<li class="ActionListItem" aria-label="Option 3"></li>
</ul>
The filter should hide .ActionListDivider, but only in the first list where it’s the last child.
<ul class="ActionList">
<li class="ActionListItem" aria-label="Option 1"></li>
</ul>
<ul class="ActionList">
<li class="ActionListItem" aria-label="Option 2"></li>
<li class="ActionListDivider"></li>
<li class="ActionListItem" aria-label="Option 3"></li>
</ul>
How do I only hide an element if it’s the last child among a group?