首页 > web前端 > css教程 > 什么是 CSS Star Property Hacks 以及它们是如何工作的?

什么是 CSS Star Property Hacks 以及它们是如何工作的?

Barbara Streisand
发布: 2024-12-05 03:41:09
原创
745 人浏览过

What are CSS Star Property Hacks and How Do They Work?

CSS 中的星号属性 Hack 是什么?

在 CSS 中,星号前面的属性称为“星号属性 hack”。 ”此技术主要用于针对旧版本的 Internet Explorer 浏览器,特别是 IE6 和 IE7。

考虑以下 CSS 规则集:

div.with-some-class {
    display:block;                   
    margin:0;
    padding:2px 0 0 0;
    *padding:1px 0 0 0;
    font-size:11px;   
    font-weight:normal;
    *line-height:13px;
    color:#3D9AD0;
}
登录后复制

在此示例中,星号 (*)在 padding 和 line-height 属性是明星属性 hack 之前。它们允许您为这些属性指定不同的值,特别是在旧版本的 Internet Explorer 中。

“星号属性黑客”之所以有效,是因为 IE 会忽略属性前面的垃圾字符。在这种情况下,星号 (*) 被 IE 视为垃圾,因此以下 CSS 规则适用于较旧的 IE 浏览器:

div.with-some-class {
    display:block;                   
    margin:0;
    padding:1px 0 0 0;
    line-height:13px;
    font-size:11px;   
    font-weight:normal;
    color:#3D9AD0;
}
登录后复制

当您需要对特定应用不同的样式时,此技巧特别有用浏览器或浏览器版本。然而,需要注意的是,现代浏览器不支持星号属性 hack,因此仅应在必要时使用它们。

以上是什么是 CSS Star Property Hacks 以及它们是如何工作的?的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板