2010-12-30 8 views
141

Powiel możliwe:
CSS reset - purpose of asterik within a styleCo robi gwiazdka w nazwie właściwości CSS?

wiem co gwiazdka robi w selektora CSS (What does an Asterisk do?), ale co to robi w nazwie nieruchomości? Oto przykład CSS używany przez YUI. Nie wiem, co robi *display.

.yui-button .first-child 
{ 
    display:block; 
    *display:inline-block; 
} 
+0

W twoim przykładzie interesujący jest ekran *: wbudowany blok; ponieważ Internet Explorer 7 nie "rozumie" właściwości wbudowanego bloku – Sotiris

+4

@Sotiris: Trochę to robi. Ale to wszystko źle. – BoltClock

+0

@BoltClock hahahah "To robi, trochę" – luigi7up

Odpowiedz

153

Jest to błąd w składni. W CSS sprawia, że ​​nazwa właściwości jest nieważna i przestaje być analizowana.

Dzięki błędom w przeglądarkach jest czasami ignorowana. Powoduje to, że właściwość ma zastosowanie tylko do przeglądarek zawierających ten konkretny błąd - IE7.

Ogólnie należy unikać tego na korzyść uwag warunkowych.

57

To jest hack IE. Druga deklaracja zostanie zastosowana przez IE7 i starsze (tym samym przesłaniając pierwszą deklarację), podczas gdy inne przeglądarki zignorują ją i będą nadal stosować pierwszą deklarację.

Jest to również nieprawidłowa składnia CSS.

+0

@Jakub Pietkun: wat. Masz zrzut ekranu? – BoltClock

+0

Przepraszam za zamieszanie, pomyliłem się. Testowałem FF, Chrome i IE - atrybut "asterisked" nie działa. –

14

To jest jak podkreślenie dla ie6. ale dla ie7

jeśli umieścisz gwiazdkę, nieruchomość będzie używana tylko w przeglądarkach ie7 i starszych.

to hack ...

9

To jeden z hackerów IE. Internet Explorer parsuje CSS w nieco inny sposób, pozwalając na pewne hacki, które będą ignorowane w innych przeglądarkach. Google za to. Możesz kierować reklamy na różne wersje IE z różnymi hackami.