CSS'de gülen yüz “:)” ne anlama geliyor?

Bu CSS kodunu bir projede gördüm:

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

Ben uzun zamandır CSS ile olmuştur ama daha önce bu ":)" kodunu hiç görmedim. Bir şey ifade ediyor mu yoksa sadece bir yazım hatası mı?

IE 7 ve önceki sürümleri için uygulanan javascriptkit.com'daki bir makaleden :

*özellik adından hemen önce yıldız işareti ( ) gibi alfasayısal olmayan bir karakter eklerseniz , özellik IE'de uygulanır ve diğer tarayıcılarda uygulanmaz.

Ayrıca <= IE 8 için bir kesmek var :

div {
  color: blue;      /* All browsers */
  color: purple\9;  /* IE8 and earlier */
 *color: pink;      /* IE7 and earlier */
}

Ancak bu iyi bir fikir değil, doğrulamıyorlar. Hep birlikte çalışması çekinmeyin Şartlı yorumların belirli sürümlerini hedeflemek için IE :

<!--[if lte IE 8]><link rel="stylesheet" href="ie-8.css"><![endif]-->
<!--[if lte IE 7]><link rel="stylesheet" href="ie-7.css"><![endif]-->
<!--[if lte IE 6]><link rel="stylesheet" href="ie-6.css"><![endif]-->

Ancak hack'i gerçekte görmek isteyenler için lütfen bu sayfayı sahip olduğunuz IE'nin son sürümünde açın . Ardından, bir geliştirici moduna geçin F12. Öykünme bölümünde ( ctrl+ 8) belge modunu değiştirin 7ve ne olduğunu görün.

Sayfada kullanılan özellik :)font-size: 50px;.

IE7 ve önceki tarayıcıları hedefleyen bir CSS kesmek gibi görünüyor. Bu ise bir geçersiz CSS ve tarayıcıları, IE7 yoksaymalısınız ve önceki ayrıştırmak ve bu kural onur. İşte bu hack eyleminin bir örneği:

CSS

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

IE8 (kuralı yoksayar)

IE7 (kuralı uygular)

Gülen bir yüz olması gerekmediğini unutmayın; BrowserHacks şunlardan bahseder:

Bu karakterlerin herhangi bir kombinasyonu: [özellik adının üzerinde çalışmasından önce] Internet Explorer ≤ 7
! $ & * ( ) = % + @ , . / ` [ ] # ~ ? : < > |

GAH hot dog stand örneği burada .