256 klas w CSS nadpisuje ID

Ciekawostka CSSowa :)

[DragonEW]

co ciekawe opera uważa, że id jest jednak ważniejsze niż 256 klas i kwadrat jest niebieski.

[infol]

@DragonEW: Dla tych, którym się nie chce szukać powodu w powiązanych: w Operze trzeba użyć 65536 klas.

https://twitter.com/patrick_h_lauke/status/236030224528191488

[h.....k]

@DragonEW: Opera od zawsze była bardziejsza

[zdunek89]

Hmm, ciekawe, ale to chyba bardziej kwestia implementacji w przeglądarce niż standardu

powiedzmy że mamy "liczby" ważności danych deklaracji 0 0 0 0, są one 4, pierwsza, najmniej ważna to nazwa znacznika, np. h1, druga to klasa, trzecia to id, a czwarta to style w elemencie.

No i się sumuje, jeśli będą dwie klasy to będzie 0 0 2 0, jeśli będzie do tego id to 0 0 2 1. Fajne tu

[zdunek89]

@hatifnat: Hmm, przypadek, maksymalna liczba w hexach i tyle

[hatifnat]

FF

@zdunek89: FF - FireFox, przypadek? nie sądzę...

[varez]

To może @dfgg podaj w jakiej przeglądarce tak jest?

[Raffael]

@dfgg: Chyba na odwrót:

CLASS = 1/256 wagi ID

[dfgg]

@varez: w wyjaśnieniu masz opisane - z pewnością działa w przeglądarkach na WebKicie i Mozillowych

A to dlatego, że waga id = 1/256 wagi class

[zakopywywacz]

Nie wiem o co w tym chodzi, ale strona wygląda ciekawie.

[h.....d]

sranie w banie... po prostu liczy się kolejność definicji w css... przeniś definicję #id na sam dół i kwadracik robi się niebieski

[e.....s]

nie mam potrzeby doszkalać się w CSS

@hind: to może nie wypowiadaj się chociaż na temat, na który nie masz pojęcia :>

wiedzę jaką posiadam w zupełności wystarcza mi do pracy

ale widać nie wystarcza do wypowiadania się na temat CSS :>

[elektryk91]

@hind: właśnie chodzi o to by nie używać !important. Kolejność faktycznie jest ważna ale jeśli użyjesz 255 klas po ID to one nie nadpiszą mimo, że znajdują się w pliku niżej.