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
- 云罗郡主avant
- 2018-11-19 10:41:193100parcourir
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>L'effet est le suivant :
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!