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>