Quick CSS Question

My CSS is very weak. I have a selector that can change font colour based on a (hidden) attribute from the default (not shown, but is white). What I am wondering is how (or if) I can combine these (so h1 and h3 are on the same line) AND if I had multiple values for the attr_nation (lets say Canada and England) that changed the colour to black, how would that go. For instance in Javascript, it might use a ||  Thanks for the input (and education!) input [ type = "hidden" ][ name = "attr_nation" ][ value = "Canada" ] ~ .header h1 { color : black ; } input [ type = "hidden" ][ name = "attr_nation" ][ value = "Canada" ] ~ .header h3 { color : black ; }

You can use the :is()  selector : input[type="hidden"][name="attr_nation"]:is([value="Canada"],[value="England"]) ~ .header :is(h1,h3) { color: black; } Note that your code editor may not syntax highlight this properly as it is fairly new.

Thanks, that is perfect!