html设置通配符,使用CSS中的星号(*)通配符的总结

本文介绍谨慎使用CSS中的星号(*)通配符的总结

在关于CSS3的文章中都提到了通配符的使用(如果你对CSS3中的选择符使用感兴趣可以参考我翻译的详解CSS3中的属性选择符)。

里面讲到了CSS3中多种通过符的使用方法，如星号(*)、脱字符(^)和美元符号($)等。而由于星号(*)在CSS2.x中已经得到多数浏览器的支持，所以其使用范围最广。

我们最常见的星号(*)使用方法就是：

代码如下:* {padding:0;margin:0;font-family:…}

这种方法很实用，由于不同浏览器对于同样的页面元素有不同的默认样式，所以使用通配符星号(*)先将所有可能影响布局的默认样式统一一下是下十分必要的。而星号(*)匹配所有元素，省去了一个一个去写元素名称的麻烦。

我相信应该有不少人在使用这种方法吧。dudo博客主题之前存在在不是浏览器下字体不统一的情况，于是我就使用星号(*)通配符来实现这样的效果。

但是……这个方法真的就可以让我们一劳永逸了吗？我们来看一个例子。下面是一段多层嵌套的XHTML代码(我想这比实际应用中的嵌套次数少得多了)：

代码如下:

jb51.net

我使用的CSS代码很简单：

代码如下:* {color:red;}

在浏览器中的效果就是把dudo.org这个字符串显示为红色。那么我们使用Chrome浏览器中自带的开发者工具看看浏览器是怎么来渲染的：

在右图我们看到从HTML标签到p#d

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！