Question

我有一些CSS，其中CSS定义中的一些属性以#字符开头。

例如，在以下CSS中，有两个前缀为#的属性（色彩值除外）#line-height和#padding

.free-quote-box h1 {    
    text-align:center;
    vertical-align:top;
    line-height:24px;
    #line-height:12px;/* First # tag prefix property/
    #padding:8px 0 6px 0;/* Second # tag prefix property/
    padding:8px 0 0;
}

Answer 1

隐藏特定版本的Internet Explorer good sample found here的某些规则是一种技巧：

.myTestClass{
   width: 5px;  /* value used by all other browsers */
   #width: 7px; /* value used by IE */
   _width: 9px; /* value used by IE6 and older */
}

但是你应该避免这样的问题，因为它打破了CSS并可能在其他浏览器中引入其他问题。如果真的需要使用conditional comments来提供旧IE的特定样式表。

Answer 2

这是Internet Explorer的黑客攻击，因此使CSS无效。哈希符号仅对ID选择器有效，并表示十六进制颜色代码。

应该避免使用CSS hacks，而是使用Conditional Comments。

Answer 3

很有可能他们只是想评论而不必做一个完整的/ * ..... * /只是创建一个无效的propery，很多人这样做

之类的东西

-padding: 10px;
-x-padding: 10px;

要么就是那个或者有一个浏览器会读取他们想要专门定位的＃;

Answer 4

只是添加

.myTestClass{
   width: 5px;  /* value used by all other browsers */
   #width: 7px; /* value used by IE 7 Working fine on IE8-9 */
   _width: 9px; /* value used by IE6 and older */
}

嵌入CSS的规则。

CSS属性的＃前缀是什么意思？

4 个答案: