针对浏览器隐藏CSS之独孤九剑(2)

2008-02-23 08:30:33来源:互联网 阅读 ()

新老客户大回馈,云服务器低至5折

media=""

<link href="global.css" type="text/css" rel="stylesheet" media="all"/>

  对Netscape 4.x隐藏规则。

@media

@media all {

... /* 需要隐藏的规则 */

}

  如果只考虑NN和IE的话就是只对4.x版本隐藏规则。

comment

#anySelector/* */ { color:#f00; }

  这可是精确制导导弹。只对IE5及以下版本隐藏规则。所以如果要把IE5和IE5.5分开定义规则,那就靠它了。

attribute

p[id] { color: #0f0; }

  又一个精确制导导弹。如果不关心老版本浏览器,那就是只对IE隐藏规则。关于属性选择器的更多信息请看W3C的文档。

child

p>span { color: #00f; }

  基本同上,只是Mac平台部分版本的IE支持这个规则。

Tantek

p#tantek {

  voice-family: "\"}\""; /* 某些浏览器有解析bug */

  voice-family: inherit; /* 在这以下的规则都会被忽略 */

  color: #f00;

}

  著名的隐藏CSS技巧,对所有“非现代”浏览器隐藏规则。

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:让网站链接样式千奇百怪

下一篇:CSS创建各栏同高的多栏布局