How can I target a deeply nested element in CSS without specifying all parent divs?

[grafficNZ]

Hi all,

I'm trying to target the class 'allStates' on a certain page on my Shopify site (screenshot of HTML below).

Is there quick way to target it in CSS without including every parent div before .allStates?

My CSS (which doesn't work):

#1907-sparkling-water-350ml-11-8fl-oz-24-pack .allStates {

display:none;

}

Thanks