19、Windows 8 应用全局样式深度解析

Windows 8 应用全局样式深度解析

1. Win - type 样式规则

在 Windows 8 应用开发中，有两种额外的 win - type 样式规则，分别是 win - type - ellipsis 和 win - type - interactive。
- win - type - ellipsis ：该样式规则的定义包含 text - overflow 属性，其值为 ellipsis（“…”）。当文本无法完全显示在其容器中时，会渲染出省略号字符。
- win - type - interactive ：此样式规则非常实用，即使文本实际上不是链接，它也能让文本呈现出链接的样式，这在遵循标准单页应用导航模式的 Windows 8 应用中很常见。

同时，WinJS 还为用户选择的文本提供了标准样式，通过 ::selection 伪元素来识别选中的文本。例如，在浅色主题中，选中的文本背景颜色为蓝色的变体，文本颜色为白色。

值得注意的是，基于类的样式规则可以与元素组合使用，因为单个元素可以指定多个类。以下是一个示例：

<p>Lorem ipsum dolor sit amet, <span class="win - type - x - large win - type - interactive">consectetur adipiscing elit</span>. Maecenas hendrerit posuere nulla...</p>
</