I am working with an html table that has the following structure:
<table>
<tbody>
<tr>
<input type="hidden" name="a" value="x">
<input type="hidden" name="b" value="y">
<td>First Cell</td>
<td>Some text</td>
<td>Some text</td>
<td>Last Cell</td>
</tr>
</tbody>
</table>
My goal is to find a generic way using CSS to always target the first and last elements of each row, as the number of hidden input elements can vary in different instances. Specifically, I want to remove the left border from the first cell and right border from the last cell of every table by using a common CSS style. The overall structure remains consistent, but the count of hidden inputs and cells may change. Any assistance on achieving this would be greatly appreciated. Thank you in advance!