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>consectetur adipiscing elit</span>. Maecenas hendrerit posuere nulla...</p> </