Select Parent Of Empty Elements Using Sass Or Css

I've tried several combinations to try and select a parent row but nothing seems to work. Maybe it is not possible. If someone could help explain how to achieve this through either

Solution 1:

There is not such selector to do this but you can simulate the effect using a pseudo element:

table {
  overflow: hidden;
  position: relative;
  z-index: 0;
}

tr>td:empty {
  position: relative;
}

tr>td:empty::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: -50vw;
  right: -50vw;
  bottom: 0;
  background-color: #f3f3f3;
}

<table><thead></thead><tbody><tr><td>No</td><td>empty</td><td>cells</td><td>here</td></tr><tr><td>Does</td><td>have</td><td>empty</td><td>cell</td><td></td></tr></tbody><tfoot></tfoot></table><table><thead></thead><tbody><tr><td></td><td>empty</td><td>cells</td><td></td><td>here</td></tr><tr><td>Does</td><td>have</td><td></td><td>empty</td><td>cell</td></tr></tbody><tfoot></tfoot></table>