CSS中的笑脸“ )”是什么意思?

的CSS CSS

Gil伽罗小宇宙

2020-03-23

我在项目中发现了以下CSS代码:

html, body { :)width: 640px;}

我已经使用CSS很长时间了,但是之前从未见过这样的“ :)”代码。它是什么意思还是仅仅是错字?

第2719篇《CSS中的笑脸“ )”是什么意思?》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

1个回答
米亚 2020.03.23

看起来像是针对IE7和更早版本浏览器的CSS hack。虽然这无效的CSS,浏览器应忽略它,但IE7和更早版本将解析并遵守此规则。这是此黑客行为的一个示例:

的CSS

body {
    background: url(background.png);
    :)background: url(why-you-little.png);
}

IE8(忽略规则)

示例1-IE8

IE7(适用规则)

示例1-IE7

请注意,它不必是笑脸。BrowserHacks提到:

这些字符的任意组合: [在属性名称之前将可用] Internet Explorer≤7
! $ & * ( ) = % + @ , . / ` [ ] # ~ ? : < > |


GAH热狗摊的例子在这里

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android