Each of the watchlist tabs (View watchlist / Edit watchlist / Manage labels / Edit raw watchlist / Clear watchlist) can be targeted by a selector only through a ca-special-specialAssociatedNavigationLinks-link-n ID or :nth-child().
<li id="ca-special-specialAssociatedNavigationLinks-link-0" class="selected vector-tab-noicon mw-list-item"> <a href="/wiki/Special:Watchlist"> <span>View watchlist</span> </a> </li> <li id="ca-special-specialAssociatedNavigationLinks-link-1" class="vector-tab-noicon mw-list-item"> <a href="/wiki/Special:EditWatchlist"> <span>Edit watchlist</span> </a> </li> <li id="ca-special-specialAssociatedNavigationLinks-link-2" class="vector-tab-noicon mw-list-item"> <a href="/wiki/Special:WatchlistLabels"> <span>Manage labels</span> </a> </li> <li id="ca-special-specialAssociatedNavigationLinks-link-3" class="vector-tab-noicon mw-list-item"> <a href="/wiki/Special:EditWatchlist/raw"> <span>Edit raw watchlist</span> </a></li> <li id="ca-special-specialAssociatedNavigationLinks-link-4" class="vector-tab-noicon mw-list-item"> <a href="/wiki/Special:EditWatchlist/clear"> <span>Clear watchlist</span> </a> </li>
I had #ca-special-specialAssociatedNavigationLinks-link-3 { display: none; } to hide "Clear watchlist", but this now hid "Edit raw watchlist" instead with the addition of "Manage labels". As long as the tabs only have these serial-number IDs, this sort of thing is bound to happen again. Please add a semantic and unique ID or class to each tab.