Twine Doc-C

Warnings_警告 ​

多个样式表 （仅限 Twine 1/Twee） ​

使用 Twine 1/Twee 时，强烈建议你只使用一个 stylesheet 标签的段落。CSS 样式会按加载顺序级联，因此如果你使用多个 stylesheet 标签的段落，那么你的样式很容易以错误的顺序加载，因为 Twine 1/Twee 无法让你控制多个 stylesheet 标签段落的加载顺序。

带标签的样式表 ​

SugarCube 不支持 Twine 1.4+ 原生故事格式的带标签样式表。在 SugarCube 中，你只需为你样式中的选择器加上适当的基于标签的选择器前缀——例如，[data-tags~="…"] 属性选择器或类选择器。

例如，如果某些故事段落带有 forest 标签，那么这些森林段落的样式可能如下所示：

plain
/* 在 <html> 上使用 [data-tags~="…"] 属性选择器 */
html[data-tags~="forest"] { background-image: url(forest-bg.jpg); }
html[data-tags~="forest"] .passage { color: darkgreen; }
html[data-tags~="forest"] a { color: green; }
html[data-tags~="forest"] a:hover { color: lime; }

/* 在 <body> 上使用 [data-tags~="…"] 属性选择器 */
body[data-tags~="forest"] { background-image: url(forest-bg.jpg); }
body[data-tags~="forest"] .passage { color: darkgreen; }
body[data-tags~="forest"] a { color: green; }
body[data-tags~="forest"] a:hover { color: lime; }

/* 在 <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; }
评论