Maison > interface Web > tutoriel CSS > Qu'est-ce qu'un sélecteur vide ? Explication détaillée du sélecteur vide

Qu'est-ce qu'un sélecteur vide ? Explication détaillée du sélecteur vide

云罗郡主
Libérer: 2018-11-19 10:41:19
avant
3084 Les gens l'ont consulté

Le contenu de cet article porte sur ce qu'est le sélecteur vide ? L'explication détaillée du sélecteur vide a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. J'espère qu'elle vous sera utile.

En CSS3, le sélecteur :empty est utilisé pour sélectionner un élément qui ne contient aucun élément ou contenu enfant. Autrement dit, sélectionnez un élément avec un contenu vide.

Exemple :

<!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>
Copier après la connexion

L'effet est le suivant :

Quest-ce quun sélecteur vide ? Explication détaillée du sélecteur vide

Analyse :

Dans le formulaire web , pour le contenu, les cellules vides sont souvent définies avec des couleurs différentes pour améliorer l'expérience utilisateur. La version web du jeu HTML5 2048 utilise également la technologie du sélecteur vide.

Ce qui précède est l'explication de ce qu'est un sélecteur vide ? Une introduction complète à l'explication détaillée du sélecteur vide. Si vous souhaitez en savoir plus sur le Tutoriel CSS3, veuillez faire attention au site Web PHP chinois.


Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:lvyestudy.com
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal