Skip to content

Global styles

Jump to bottom
Sad Gabi edited this page Jul 23, 2026 · 3 revisions

Global styles are applied site-wide. Include them in your HTML <head> using a <link>:

<!-- index.html -->
<html>
  <head>
    <link rel="stylesheet" href="path/to/styles.css">
  </head>
  <body>
    <app></app>
  </body>
</html>

Interaction with Scoped Styles

Scoped styles can override global styles for the elements inside a component, but you can also reference global CSS if needed.

Next: text

Previous: text

Introduction

 Overview

 Getting started

Components

 Fundamentals

 Usage

Templates

 Basic markup

 if={foo}

 <void>

 <slot>

Styling

 Scoped styles

 Global styles

Runtime

 Runtime

Architecture

 Compiler flow

Reference

 FAQ

 Testing and dev

 Custom elements

Clone this wiki locally