Maison > Article > interface Web > Comment obtenir un élément avec une valeur id en CSS et changer son style
Comment obtenir un élément avec une valeur id en CSS et changer son style
- WBOYoriginal
- 2021-12-01 15:22:254492parcourir
En CSS, vous pouvez utiliser le sélecteur "#id" pour sélectionner un objet élément HTML spécifié en fonction de la valeur id et ajouter un nouveau code de style à l'objet élément. La syntaxe est "#id value {css style code; }".
L'environnement d'exploitation de ce tutoriel : système Windows7, version CSS3&&HTML5, ordinateur Dell G3.
Comment obtenir un élément avec une valeur d'identifiant et changer le style en CSS
Nous pouvons utiliser le sélecteur #id pour obtenir un élément avec une valeur d'identifiant spécifiée et changer le style. Le sélecteur #id est un. élément avec un identifiant spécifié.
L'exemple est le suivant :
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
#id1{
background-color:yellow;
}
#id2{
background-color:green;
}
</style>
</head>
<body>
<p id="id1">argargargaegaeg</p>
<p id="id2">agrwargarwgarg</p>
</body>
</html>Résultat de sortie :
(Partage de vidéos d'apprentissage : Tutoriel vidéo CSS)
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!
Articles Liés
Voir plus- Comment définir l'effet de flou gaussien en CSS
- Comment changer la taille d'un cercle avec CSS
- Comment obtenir un effet de rotation dans le sens inverse des aiguilles d'une montre sur les éléments de survol de la souris en CSS
- Comment changer la couleur d'arrière-plan d'un div avec CSS
- Comment définir la hauteur d'affichage du texte et masquer la partie excédentaire en CSS