css – `content:”`vs`content:none`

前端之家收集整理的这篇文章主要介绍了css – `content:”`vs`content:none`前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在阅读Eric Meyer的CSS重设,并看到:
blockquote:before,blockquote:after,q:before,q:after {
    /* ? */ content: '';
    /* ? */ content: none;
}

我假设有些浏览器支持内容:“和一些内容:没有,是这样吗?哪些浏览器支持哪些?

解决方法

Meyer将Paul Chaplin与该版本的blockquote / q重置样式联系起来。

Chaplin的post主题包含以下样式块,有助于注释。

blockquote,q
{
    quotes: none;
}

/*
Safari doesn't support the quotes attribute,so we do this instead.
*/
blockquote:before,q:after
{
    /*
    CSS 2; used to remove quotes in case "none" fails below.
    */
    content: "";
    /*
    CSS 2.1; will remove quotes if supported,and override the above.
    User-agents that don't understand "none" should ignore it,and
    keep the above value. This is here for future compatibility,though I'm not 100% convinced that it's a good idea...
    */
    content: none;
}

要烧掉它:大多数浏览器的当前版本只支持一个引号:无风格,这样就无需使用:before和:after选择器。奇怪的人是Safari / WebKit,不尊重引号:没有。解决这个问题的另一种方法是:before /:after pseudo-elements,但在写作时,WebKit不支持内容:none,所以content:“”是必需的。

不过,这篇文章是在2008年,而现在的WebKit浏览器(Safari 5.1和Chrome 12)的quick test显示了这两个引号:无效。 content: none bug against WebKit由于某种原因仍然开放,而bug for the quotes property最近才关闭

所以,漫长的故事,额外的风格似乎在那里支持旧版本的Safari(也可能是Chrome)。当他们得到支持时,确切地确定一点点困难,但是所有浏览器的当前版本似乎都处理引号:none(和content:none)就好了。

原文链接:https://www.f2er.com/css/219678.html

猜你在找的CSS相关文章