25、样式覆盖、定义与CSS资源指南

样式覆盖、定义与CSS资源指南

1. 自定义地址控件相关文件解析

在开发过程中，自定义地址控件涉及多个文件，各文件分工明确：
- AddressControl.js ：该文件负责定义自定义地址控件的所有工作。我们能完全控制其生成的标记，包括可被控件使用者利用的类属性（加粗显示）。现阶段，类属性是我们真正需要关注的重点。若暂时搁置JavaScript学习，可略过文件其余部分。需注意，这里对自定义控件的创建做了大幅简化，一个完善的自定义控件会更复杂。
- lst1012.html ：此文件引用了AddressControl.js文件，同时包含引用该控件的标记（加粗显示）。这里手动声明了两个自定义控件实例，但它们也能轻松在ListView模板中声明，或动态添加到页面。
- lst1012.css ：该文件中的一条简单CSS规则，通过在地址字段周围添加双边框，证明我们能访问各个元素。若既是自定义控件的作者又是使用者，将控件JavaScript文件中的类定义与CSS文件中的样式定义匹配起来并非难事。若使用第三方控件，借助DOM Explorer就能轻松发现它们定义的元素和类。
- lst1012.js ：该文件基本为空，保留它是为了让大家知道它不会在背后搞“小动作”。

2. 深入DOM与样式规则查找

我们可以深入DOM，查看其元素结构，无论这些元素是我们自己编写的，还是通过包含自定义WinJS控件引入的。接着，我们学会了查找已应用于这些元素的WinJS库样式规则。定位这些元素以及针对它们的样式规则