User:Zuhui/SI26/Storybook/CSS trouble shooting

selector overlapping

ran into CSS selector overlapping mess. stuff like .butter + .forest and .forest + .melt were all showing up at once because their combinations overlapped. tried to solve with z-index but it's not useful

no sibling selector stackoverflow
CSS Pseudo-classes mdm

:is mdn
:has mdn
:not mdn

I need a seperate css file, to handle all the overlapping/conflicting selectors by hiding them with--display:none;, or opacity:0;