I need to target the first
<td> element in a table row that is visible--meaning it does not have inline styling of
Here's the gotchyas:
- They are not always hidden
- Sometimes more than one is hidden.
Here is a quick sample of what the code looks like:
<table> <thead> <tr> <th style="display:none">Header1</th> <th>Header2</th> <th>Header3</th> <th>Header4</th> </tr> </thead> <tbody> <tr> <td style="display:none">Body1</td> <td>Body2</td> <td>Body3</td> <td>Body4</td> </tr> </tbody> </table>
I tried messing with something like this to no avail:
table > tbody > tr > td:first-of-type:not([style*="display:none"])
Thanks in advance.