Heim > Artikel > Web-Frontend > 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:193051Durchsuche

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:

Was ist ein leerer Selektor? Detaillierte Erklärung des leeren Selektors

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!

php html5 css3 选择器

Stellungnahme：

Dieser Artikel ist reproduziert unter:lvyestudy.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen

Vorheriger Artikel：Was ist der cssnot-Selektor? Detaillierte Erklärung des not()-SelektorsNächster Artikel：Was ist der cssnot-Selektor? Detaillierte Erklärung des not()-Selektors

In Verbindung stehende Artikel

Mehr sehen