Lorsque j'essaie de changer les propriétés du texte à l'aide de CSS, il semble modifier tout le texte.
J'ai essayé de mettre le CSS dans différentes divs et styles. P>
<!-- CSS --> <style> h1 } color; #fffff } </style> <!-- HTML --> <h1>Hey Guys, I'm White Text!</h1> <h1>Hey Guys I'm Normal Text!</h1>
6 Réponses :
Le sélecteur H1 de votre CSS s'appliquera à tous les H1 dans le DOM. Au lieu de cela, essayez un sélecteur de classe Psdeo: voir https://developer.mozilla.org/en-us/docs/web/css/:First-Of-Type
C'est assez facile. Il vous suffit de cracher un style qui dépend de la classe.
Il y a 3 manières courantes de connecter une étiquette avec votre style.
premier est comme vous l'avez fait. Un style qui va à toutes les balises H1.
second est par l'ID de la balise:
Pour celui-ci, vous devez ajouter # avant le nom du style. Il ressemblera à ce alors votre HTML ressemblera à ce
Puisque vous avez spécifié le style pour la balise H1, le style des deux déclarations changera. Essayez de spécifier la classe pour une balise, puis écrivez votre CSS.
Vous pouvez différencier en ajoutant merci class ou id à h1 tag.
Exemple:
<!-- inline (html ) -->
<p style="color: red"> I'm red (CSS STYLE FOR INLINE ) </p>
<!-- FOR DOCUMENT(INSIDE THE HTML PAGE - WITHIN <STYLE></STYLE> TAG ) LEVEL -->
<style type="text/css">.blue{ color: blue;}</style>
<h2>I'M BLUE. BY DOCUMENT LEVEL STYLE</h2>
<p> ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna <span class="blue">blue</span> Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. <span class="red">red</span> sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>