Was sind CSS Star Property Hacks und wie funktionieren sie?

Was sind die Star-Property-Hacks in CSS?

In CSS wird eine Star-Property-Eigenschaft als „Star-Property-Hack“ bezeichnet. " Diese Technik wird hauptsächlich für ältere Versionen von Internet Explorer-Browsern verwendet, insbesondere für IE6 und IE7.

Beachten Sie den folgenden CSS-Regelsatz:

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;
}

In diesem Beispiel ist das Sternchen (*) Bevor es sich bei den Padding- und Line-Height-Eigenschaften um Star-Property-Hacks handelt. Sie ermöglichen es Ihnen, speziell in älteren Versionen des Internet Explorers unterschiedliche Werte für diese Eigenschaften anzugeben.

Der „Star-Property-Hack“ funktioniert, weil IE das Junk-Zeichen vor der Eigenschaft ignoriert. In diesem Fall wird das Sternchen (*) vom IE als Junk betrachtet, sodass die folgende CSS-Regel auf ältere IE-Browser angewendet wird:

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

Dieser Hack ist besonders nützlich, wenn Sie verschiedene Stile auf bestimmte Browser anwenden müssen Browser oder Versionen von Browsern. Es ist jedoch wichtig zu beachten, dass Star-Property-Hacks in modernen Browsern nicht unterstützt werden und daher nur bei Bedarf verwendet werden sollten.

Das obige ist der detaillierte Inhalt vonWas sind CSS Star Property Hacks und wie funktionieren sie?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!