Heim >Web-Frontend >CSS-Tutorial >Was ist ein leerer Selektor? Detaillierte Erklärung des leeren Selektors
Was ist ein leerer Selektor? Detaillierte Erklärung des leeren Selektors
- 云罗郡主nach vorne
- 2018-11-19 10:41:193091Durchsuche
Der Inhalt dieses Artikels befasst sich mit der Frage: Was ist der leere Selektor? Die ausführliche Erklärung des leeren Selektors hat einen gewissen Referenzwert. Ich hoffe, dass sie für Sie hilfreich ist.
In CSS3 wird der :empty-Selektor verwendet, um ein Element auszuwählen, das keine untergeordneten Elemente oder Inhalte enthält. Wählen Sie also ein Element mit leerem Inhalt aus.
Beispiel:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS3 :empty选择器</title>
<style type="text/css">
table,tr,td
{
border:1px solid silver;
}
td
{
width:60px;
height:60px;
line-height:60px;
text-align:center;
background-color: #FFA722;
}
td:empty
{
background-color:red;
}
</style>
</head>
<body>
<table>
<tr>
<td>2</td>
<td>4</td>
<td>8</td>
</tr>
<tr>
<td>16</td>
<td>32</td>
<td>64</td>
</tr>
<tr>
<td>128</td>
<td>256</td>
<td></td>
</tr>
</table>
</body>
</html>Der Effekt ist wie folgt:
Analyse:
Im Webformular wird das Der Inhalt ist leer. Zellen werden oft auf unterschiedliche Farben eingestellt, um das Benutzererlebnis zu verbessern. Auch die Webversion des HTML5-Spiels 2048 nutzt die Empty-Selector-Technologie.
Das Obige ist die Erklärung, was ein leerer Selektor ist. Eine vollständige Einführung zur detaillierten Erklärung des leeren Selektors. Wenn Sie mehr über das CSS3-Tutorial erfahren möchten, schauen Sie sich bitte die chinesische PHP-Website an.
Das obige ist der detaillierte Inhalt vonWas ist ein leerer Selektor? Detaillierte Erklärung des leeren Selektors. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!