The Basics - Hello Style Sheets

Skip to article frontmatter Skip to article content

This is a Heading¶

Style Sheets can target families of HTML elements like h2:

style.css

/* Style all H2 elements.
 * Because this is a very loose selector, we need to override the MyST styles with !important
 */
h2 {
  background-image: url(https://media.giphy.com/media/26BROrSHlmyzzHf3i/giphy.gif) !important;
  background-size: cover !important;
  color: transparent !important;
  -moz-background-clip: text !important;
  -webkit-background-clip: text !important;
}

The !important here is required to override the more-specific CSS selectors from our theme.

Hello Style Sheets

Styling Blocks