WinJS 样式覆盖、扩展与自定义全解析
在前端开发中，样式的运用至关重要。对于使用 WinJS 进行 Windows 8 应用开发的开发者来说，如何有效地覆盖和扩展内置样式，以及自定义样式是一项必备技能。下面将详细介绍相关内容。
覆盖和扩展 WinJS 内置样式
WinJS 自带的样式表是只读的，不建议也不必要去修改它们。我们应该通过覆盖和扩展内置样式来满足设计需求。
覆盖样式
在之前的实践中，了解如何查找影响 UI 中特定元素的样式规则很重要，它能让我们明白元素外观和位置的原因。虽然ui-light.css样式表是只读的，直接定位其中的样式规则看似无用，但我们可以通过覆盖规则中的样式属性来改变元素的外观。
在 Windows 8 应用的典型 HTML 文件中，ui-light.css样式表总是首先被声明，随后是仅适用于当前页面的自定义样式表（如lorem.css）。这意味着，只要自定义样式规则的优先级相同或更高，lorem.css中定义的样式属性就会覆盖ui-light.css中的对应属性。
以下是一个典型 HTML 文件<head>部分的示例：
<head> <meta charset="utf-8" /> <title>Lorem Ipsum</title>
