CSS/Selektoren/Pseudoklasse/strukturelle Pseudoklasse/empty
Aus SELFHTML-Wiki
< CSS | Selektoren | Pseudoklasse
Mithilfe des Selektors :empty lassen sich im Gegensatz zu empty-cells, das nur Auswirkungen auf Tabellenzellen hat, beliebige leere Elemente selektieren.
Beispiel
ansehen …
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>CSS-Beispiel Pseudoklasse empty</title>
<style>
table { table-layout: fixed; border-collapse: collapse; }
td, th { border: 1px solid; min-width: 1em; }
:empty { background: red; padding: 0 0.5em; }
</style>
</head>
<body>
<h1>Die Pseudoklasse :empty</h1>
<table>
<tbody>
<tr><th>1</th><td></td></tr>
<tr><th>2</th><td>nicht leer</td></tr>
<tr><th>3</th><td>leeres Spanelement:<span></span></td></tr>
<tr><th>4</th><td><span></span></td></tr>
<tr><th>5</th><td> </td></tr>
</tbody>
</table>
</body>
</html>
td
-Element, padding lässt sich nicht auf Tabellenzellen anwenden