Как оформить отдельные отрывки с помощью CSS в Twine? (Кубик сахара)

В настоящее время я делаю проект в Twine и использую формат Sugarcube. Я не могу понять, как оформить отдельные отрывки с помощью CSS. Я попытался создать классы в CSS, а затем пометить отрывок именем этого класса, но это не сработает.

Источник

1 ответ

Решение

В документации SugarCube перечислено несколько способов стилизации отрывка на основе тегов отрывка. Итак, если вы пометили отрывок "лесом", эти примеры приведены ниже:

→ Using class selectors on <body>
body.forest { background-image: url(forest-bg.jpg); }
body.forest .passage { color: darkgreen; }
body.forest a { color: green; }
body.forest a:hover { color: lime; }

→ Using [data-tag~="…"] attribute selectors on <body>
body[data-tag~="forest"] { background-image: url(forest-bg.jpg); }
body[data-tag~="forest"] .passage { color: darkgreen; }
body[data-tag~="forest"] a { color: green; }
body[data-tag~="forest"] a:hover { color: lime; }

→ Using [data-tag~="…"] attribute selectors on <html>
html[data-tag~="forest"] { background-image: url(forest-bg.jpg); }
html[data-tag~="forest"] .passage { color: darkgreen; }
html[data-tag~="forest"] a { color: green; }
html[data-tag~="forest"] a:hover { color: lime; }

Убедитесь, что вы поместили CSS, который вы используете, в раздел таблицы стилей вашей истории.

Источник
Другие вопросы по тегам