CSS Zibaldone

[ Home ] - [ Articoli ] - [ Traduzioni ] - [ Altro ] - [ Appunti sui CSS ] - [ L'autore ]

Sei qui: Home > Articoli > Novità in Safari 3

Novità in Safari 3

Introduzione

Con l'uscita del nuovo sistema operativo Leopard, la Apple ha deciso di aggiornare il proprio browser facendo tesoro dei traguardi paralleli conseguiti con il progetto WebKit. Safari 2.0.x si presentava come un browser robusto, ma carente sotto l'aspetto del supporto ad alcune parti delle specifiche, nonché dell'implementazione di alcuni selettori dei CSS 3. Sebbene al momento della stesura del presente articolo (25 agosto 2007) Safari 3 si trovi ancora allo stadio di versione Beta, alcuni cambiamenti significativi meritano di essere approfonditi. I presenti test nascono appunto con lo scopo di evidenziare le novità apportate dalla nuova release.

Contatori

Safari 2.0.x non supportava i contatori del contenuto generato. Safari 3 supporta sia la funzione counter() che la funzione counters(), nonché le proprietà counter-reset e counter-increment. Diamo di seguito l'elenco dei test effettuati e i relativi screenshot.

  1. Funzione counter()

    Screenshot del test

  2. Funzione counters()

    Screenshot del test

Selettori CSS 3

Sotto l'aspetto del supporto ai selettori CSS 3, Safari 3 presenta alcuni cambiamenti rispetto alle precedenti versioni. Pur restando corretto il supporto ai selettori di attributo che selezionano sottostringhe, Safari 3 non supporta le pseudo-classi strutturali :last-child ed :only-child, nonché la pseudo-classe degli stati di un elemento della UI :checked. Il supporto è invece esteso alla pseudo-classe strutturale :empty, al combinatore del fratello generico, alla pseudo-classe di negazione e alle pseudo-classi degli stati di un elemento della UI :enabled e :disabled. Questo test evidenzia tali differenze, parzialmente riassunte nello screenshot che segue.

Screenshot del test