Skip to content

"CSS Selectors": Snowman (v2.0.2)#


This example shows how to use CSS selectors to style different areas of the page. Snowman 2.0 uses the elements <tw-story> and <tw-passage> to show a passage. It also changes from an id to a class named "passage" from previous versions of Snowman.

    <tw-passage class="passage"></tw-passage>



Twee Code#

:: StoryTitle
CSS Selectors in Snowman

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

tw-passage {
    border: 1px solid red;

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


:: 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.