Bases de Svelte
Introduction
Bindings
Classes and styles
Advanced Svelte
Advanced reactivity
Motion
Advanced bindings
Advanced transitions
Context API
Special elements
<script module>
Next steps
Basic SvelteKit
Introduction
Routing
Loading data
Headers and cookies
Shared modules
API routes
$app/state
Errors and redirects
Advanced SvelteKit
Page options
Link options
Advanced routing
Advanced loading
Environment variables
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>