Bases de Svelte
Introduction
Liaisons
Classes et styles
Svelte avancé
Réutiliser du contenu
Mouvements
Liaisons avancées
Transitions avancées
API de contexte
Éléments spéciaux
<script module>
Next steps
Bases de SvelteKit
Introduction
Routing
Chargement de données
En-têtes et cookies
Modules partagés
Formulaires
$app/state
Erreurs et redirections
SvelteKit avancé
Options de page
Options de lien
Routing avancé
Chargement avancé
Variables d’environnement
Conclusion
Comme en HTML, vous pouvez ajoutez une balise <style> à votre composant. Ajoutons du style à notre
élément <p> :
App
<p>Ceci est un paragraphe.</p>
<style>
	p {
		color: goldenrod;
		font-family: 'Comic Sans MS', cursive;
		font-size: 2em;
	}
</style>Il est important de comprendre que ces règles sont scopées au composant, c’est-à-dire qu’elles ne
s’appliquent que sur les éléments définis dans ce composant. Vous ne risquez pas de modifier
accidentellement le style des éléments <p> ailleurs dans votre application, comme nous le verrons
dans l’exercice suivant.
Modifier cette page sur Github
précédent suivant
 1
2
3
4
5
6
<p>Ceci est un paragraphe.</p>
<style>
/* Écrivez votre CSS ici */
</style>