Dlaczego w CSS3 jest -moz-XXX i -webkit-XXX?

Question

Rzeczą, której najbardziej nienawidzę w CSS3, jest to, że zawsze masz dwie właściwości, które powinieneś zrobić, aby zrobić jeden efekt. Myślę, że to nie jest profesjonalne i zwiększa rozmiar CSS. Na przykład, dlaczego nie zjednoczyć -webkit-border-radius i -moz-border-radius w border-radius Wyobraź sobie, że mamy 10 przeglądarek, czy napiszemy 10 linii, aby zrobić efekt zaokrąglonego rogu? Ktoś może wyjaśnić?

Answer 1

To dlatego, że są specyficzne dla danego dostawcy. -webkit- i -moz- -prefixowane właściwości to standardowe właściwości , a nie. Ten "obszar nazw" pozwala sprzedawcom testować nowe, ciekawe funkcje, a jeśli są świetne, można je włączyć do standardów. Tak dzieje się z CSS3: Mozilla i zespół Webkita wypróbowali fajne rzeczy, a teraz staną się standardem. Po prostu jeszcze nie zostało to zrobione. W końcu stanie się spójna właściwość border-radius.

Jest to wyraźny sposób wskazania, że ​​coś nie powinno działać we wszystkich przeglądarkach. Na przykład -webkit-transition-property działa tylko w przeglądarkach opartych na Webkit.

W każdym razie, -webkit-border-radius i -moz-border-radius nie działają dokładnie tak samo. Dzieje się tak dlatego, że każdy sprzedawca, nawet robiąc podobne rzeczy, może wdrażać funkcje zgodnie z oczekiwaniami. Standard ustanowi standardowy sposób, ale każdy będzie mógł robić, co chce, w swoim własnym obszarze nazw.

Answer 2

-webkit-border-radius i -moz-border-radius zostały utworzone zanim standard granic CSS3 był kompletny (nadal nie jest zatwierdzonym standardem - obecnie jest rekomendacją kandydacką).

Standard dotyczy tylko border-radius, co można zobaczyć na stronie specification.

Są one charakterystyczne dla mozilla i webkita - po zatwierdzeniu standardu powinien on zostać zmieniony na border-radius we wszystkich przeglądarkach obsługujących.