>>>【到Ziddu下载CSS Diagnostic工具文件（仅0.79KB）】
所谓的CSS Diagnostic我们可以简单的翻译成CSS诊断，当然是针对于HTML标签，把符合一些特定条件的HTML标签用特殊的样式标志出来，以便我们对HTML标签进行优化和完善。以超连接为例，一般从规范的层面讲，一个超链接对象我们往往要为其设置Title属性，就如图像元素的Alt属性一样。但是假如要从冗长的代码中去寻找未设置Title属性的超链接对象，也是件比较吃力的事情，这个时候，CSS Diagnostic就可以派上用场了。
事实上CSS Diagnostic也只是一些CSS样式定义，主要利用属性选择符对HTML标签进行诊断，比如超链接是否拥有Title、Href属性，或者它们的值是什么等等，进而根据判断出来的结果赋予特殊的样式，让我们可以在浏览器中一目了然的它们分辨出来。CSS Diagnostic典型的代码如下：
- a[href="#"] {
- background: lime;
- }
- a[title=""] {
- outline: 3px dotted red;
- }
第一条CSS表示的意思就是为HTML文档中的空链接设置莱姆色背景…额，其实莱姆色也就差不多是绿色。同理，第二条CSS表示为Title属性为空的超链接设置3像素红色点状外边框。更具体的效果可以参看下面这张图片：
>>>【到Ziddu下载CSS Diagnostic工具文件（仅0.79KB）】
怎么用一个不用具体讲了吧，把解压出来的CSS样式定义内联或外联到HTML文档上就OK了…
PS：对于CSS中的属性选择符，IE的支持不是很好，建议使用CSS Diagnostic的时候使用火狐。
喜欢的就爱屋及乌 被雷了就诛连九族
欢迎您访问西米CC博客，本文被浏览了178次。若需要转载西米CC的原创文章，请接受如下的小小要求，所转载日志文章开端或者末尾做如下标识：
本文转载自：西米CC - http://ximicc.com
