</fieldset>
</form>
通过生成内容来将冒号添加回文档，这是一种更完美合适的方式：
label:after {
content: ":";
}
用这种方式来编写表单，给了我们灵活性：当需要从整个站点移除装饰字符时，只要简单的编辑CSS文件，而不需要去寻找每一个表单（虽然我们曾经知道在哪）。这个技巧也能够很好降级，因为没有冒号时，表单并不会被渲染得无法使用——这是渐进增强的一个绝佳例子。
也许你已经发现，使用高级CSS选择符（译注：selector, 也有译为选择器的，但我觉得选择符更能体现本意，比如operator翻译成运算符，而不是运算器），可以将特定的样式附加到更多高级浏览器上，这有助于逐步增强站点。一个很好的例子是属性选择符，在IE6及其同一时代以及更早的浏览器中不能被理解（因此也就被忽略了）。Egor Kloos很漂亮地运用了这个概念，在CSS禅意花园（CSS Zen Garden）上提交了名为”双双”（Gemination）的作品：
（图示：Egor Kloos的CSS禅意花园作品（“双双”）在标准浏览器和IE6中的呈现对比）
他是怎样做到的？下面是略加修改的示例代码：
复制代码
/* <= IE 6 */
body {
margin: 0;
text-align: center;
background: #600 none;
}
/* IE 7, Mozilla, Safari, Opera */
body[id=css-zen-garden] {
margin: 100px 0 0;
padding: 0;
text-align: center;
background: transparent url(squidback.gif);
}
差异很明显，并且非常漂亮地说明了渐进增强如何应用在CSS中。
类似地，Andy Clarke的站点上也有些关于IE6的小玩意。通过使用IE的滤镜以及加入一些条件注释，Andy成功地去除了站点上的所有颜色，并提供了一些可替换的图片，这构成了一个真实的“低保真”体验。
（图示：Andy Clark的站点在标准浏览器和IE6上的对比）
上面的图片灰色技术是这样的：在条件注释添加的针对IE6（及其以下）的样式表中，添加以下声明：
/* =img for Internet Explorer < 6 */
img {
filter: gray;
}
尽管上面这两个例子可能包含了过多日常工作中的运用不到的技巧，但它们非常棒地用事实说明了一个概念：如何在实践中应用CSS渐进增强。
总结
正如我们讨论过的，有多种方式可以将CSS渐进增强应用到站点上。最简单也可能是最好的一种方式是，组织好样式表并认真考虑如何将样式表链入文档。一旦理解了条件注释，处理IE的特定问题也将是轻而易举的事。如果对如何选用选择符以及使用它们的场景了然于胸，还能在CSS中完成更多小粒度的调整。
