JSFiddle - React, Tailwind, and code Playground

HTML

<table class="minetable">
	<tr class=hdr1><td>aaaYES</td><td>bbbYES</td></tr>
	<tr class=hdr1><td>aaaYES</td><td>bbbYES</td></tr>
	<tr class=hdr2><td>aaaYES</td><td>bbbYES</td></tr>
	<tr><td>aaa</td><td>bbb</td></tr>
	<tr>
		<td colspan="2">
			<table>
				<tr class=hdr1><td>aaa1</td><td>bbb1</td></tr>
				<tr class=hdr2><td>aaa1</td><td>bbb1</td></tr>
				<tr><td>aaa1</td><td>bbb1</td></tr>
			</table>
		</td>
	</tr>
</table>

JavaScript

$('.minetable tr.hdr1, .minetable tr.hdr2').not('table table tr.hdr1,table table tr.hdr2').css('background', 'red');

//	$('tr.hdr1, tr.hdr2', '.minetable').css('background', 'red');