[CSS]:emptyで中身が空のスタイルシートを適用する
書式
td:empty{xxx}
div:empty{xxx}
:empty は CSS の 擬似クラスで、子を持たない要素を表します。子とは要素のノードまたは文字列 (ホワイトスペースを含む) です。
使用例
<style> td:empty { height: 20px; background-color:skyblue; } div:empty { height: 20px; background-color: red; } </style> <table> <tr><td>aa112345666</td></tr> <tr><td></td></tr> <tr><td>cc33789999</td></tr> <tr><td><!-- 中身が空の要素empty適用--></td></tr> </table> <div></div>