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

云罗郡主
Freigeben: 2018-11-19 10:41:19
nach vorne
3084 Leute haben es durchsucht

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>
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:lvyestudy.com
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage