rowspan の css. 親の親を参照したい


`tr > td[rowspan]` に隣接する `tr > td` にスタイルを当てたいときに、どのように指定すればいいのか分かりません。

[code]

    <tr>
      <th colspan="3"> あああ </th>
      <td> いいい </td>
    </tr>
    <tr>
      <td> ううう </td>
    </tr>
    <tr>
      <td> えええ </td>
    </tr>
    
[/code]

このような場合に、`<td> ううう </td>` および `<td> えええ </td>` に対してスタイルを当てたいです。




CSS4の擬似クラス`has`を使えば実装できますが、まだ未対応のブラウザも多い状態です。  
対応環境なら以下の記述で反映されるはずです。

[code]

    tr:has(th[colspan]) ~ tr{ color: red;}
    
[/code]




CSS4の擬似クラス`has`を使えば実装できますが、まだ未対応のブラウザも多い状態です。  
対応環境なら以下の記述で反映されるはずです。

[code]

    tr:has(th[colspan]) ~ tr{ color: red;}
    
[/code]

