manuel de référence CSS

règle CSS (RULES)

大全 des attributs CSS

Fonctions CSS Manuel complet des sélecteurs CSS

CSS3 [attribute*=value] 选择器

représente un élément portant un attribut nommé "attribute" et dont la valeur contient "value".

Manuel complet des sélecteurs CSS

Exemple en ligne

Il existe un élément <a> avec l'attribut href et une valeur contenant "example", comme suit

Exemple

!DOCTYPE　html>
<html>
<head>
<meta charset="utf-8">
<title>Base tutorial(oldtoolbag.com)</title>
<style>
/*　Il existe un élément <a> avec l'attribut href et une valeur contenant "example", comme suit　*/
a[href*="example"]　{
　　font-size:　2em;
}
</style>
</head>
<body>
<div>
<ul>
　　<li><a href="#internal">Lien interne</a></li>
　　<li><a href="http://example.com">Lien Example</a></li>
　　<li><a href="#InSensitive">Lien interne insensible</a></li>
　　<li><a href="http://example.org">Lien Example org</a></li>
</ul>
</div>
</body>
</html>

Voyons si ça marche ‹/›

Définition et utilisation

[attribute*=value] Sélecteur pour correspondre aux éléments dont la valeur de l'attribut contient la valeur spécifiée.

Compatibilité navigateur

IEFirefoxOperaChromeSafari

Tous les navigateurs populaires prennent en charge [attribute*=value] s sélecteur.

Attention: [attribute*=value] dans IE8Doit être déclaré !DOCTYPE 。

Exemple en ligne

Définir la couleur de fond de tous les éléments contenant la valeur de classe "test":

Exemple

!DOCTYPE　html>
<html>
<head>
<meta charset="utf-8">　
<title>Base tutorial(oldtoolbag.com)</title>　
<style>　
[class*="test"]
{
background:#ffff00;
}
</style>
</head>
<body>
<div class="first_test">Le1Un élément DIV./div>
<div class="second">Le2Un élément DIV./div>
<div class="test">Le3Un élément DIV./div>
<p class="test">C'est un paragraphe de texte ordinaire.</p>
</body>
</html>

Voyons si ça marche ‹/›

Manuel complet des sélecteurs CSS

Fonctions CSS Manuel complet des sélecteurs CSS