Ce sélecteur peut faire correspondre les éléments avec l'attribut spécifié quelle que soit la valeur de l'attribut.
L'exemple de code est le suivant :
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://ask.php.cn/" />
<title>php中文网</title>
<style type="text/css">
li{
list-style:none;
float:left;
height:20px;
line-height:20px;
width:20px;
border:1px solid #333;
border-radius:10px;
border-radius:10px;
border-radius:10px;
text-align:center;
color:green;
margin-right:5px;
}
li[id]{
color:red
}
</style>
</head>
<body>
<div class="antzone">
<ul>
<li>1</li>
<li title="antzone" id="theid">2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
<li>9</li>
</ul>
</div>
</body>
</html>Le code ci-dessus peut définir la couleur de la police dans l'élément li avec l'attribut id sur rouge.
Vous pouvez également utiliser plusieurs attributs pour faire correspondre les éléments. Le code est le suivant :
li[id][title]{
color:red
}Le code ci-dessus peut définir la police dans l'élément li avec les attributs id et title sur rouge.
section suivante