> For the complete documentation index, see [llms.txt](https://primo.gitbook.io/usage/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://primo.gitbook.io/usage/basic-usage/styling.md).

# CSS

Primo puts the 'cascade' back into Cascading Style Sheets and makes it easy to write styles that only affect what they're meant to.

### Styling Component Blocks

Component Blocks have their styles scoped by default (thanks to Svelte), so any CSS you write for a component will apply only to it. 

![](https://2146102850-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MI5zCYEN4cqBl6YZTet%2F-MiH-dGtXSm8iNNjS9y9%2F-MiH0d8YKQRKSgPj7gtK%2Fimage.png?alt=media\&token=3d24796d-3bd9-4e6e-8e7c-e76fe447890a)

### Styling Content Blocks

Unlike Component Blocks, which are styled individually, Content Blocks are styled from either the Page or Site CSS screen using the `primo-content` class, which every Content Block has.

![](https://2146102850-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MI5zCYEN4cqBl6YZTet%2F-MiGzgN9s4JNXTLRfGih%2F-MiH-9WiXei0-BcI4UNT%2Fimage.png?alt=media\&token=5e7204e3-e572-4672-a514-939f88608a4f)