Skip to content

"CSS Selectors": Snowman (v1.3.0)#

Summary#

This example shows how to use CSS selectors to style different areas of the page. Snowman uses a simple HTML structure of a <div> with id "passage" directly below (inside) the <body> tag.

<body>
  <div id="passage">...</div>
</body>

Example#

Download

Twee Code#

:: StoryTitle
CSS Selectors in Snowman

:: UserStylesheet [stylesheet]
body {
    background-color: lightgreen;
}

#passage {
    border: 1px solid red;
}

:: Start
The page has a green background; it contains this passage, which has a red border.

[[Second]]

:: Second
This passage also has a red border.

Twee Download

See Also#

See the Snowman left sidebar for an example of styling passages using the id CSS selector.