A validação no W3C CSS Validation Service pode ser bem difícil para quem quer usar propriedades do CSS3 (em desenvolvimento) ou de browsers proprietários. Com o Prototype 1.6, você pode evitar o erro no validador para eles.

Segue o código:

document.observe('dom:loaded', function() {
  if ( $$('.objectVideo') ) {
   $$('.objectVideo').invoke('setStyle', '-moz-border-radius: 1em;');
  }
});

Vamos explicar sucintamente o que este código executa:

document.observe('dom:loaded', function() {

Esta linha inicia uma função somente quando a página carrega na sua totalidade. Desta maneira, ele aplica efetivamente a propriedade quando o elemento é existente.

if ( $$('.objectVideo') ) {

Aqui eu verifico a existência do elemento no DOM com a classe .objectVideo. Caso exista este elemento ele procede para a próxima linha.

$$('.objectVideo').invoke('setStyle', '-moz-border-radius: 1em;');

Aqui realmente acontece tudo… com o método $$ do Prototype, ele recupera todos os elementos com a classe objectVideo na página e aplica a nova propriedade especificada pelo setStyle usando o invoke.

Esse código não está otimizado ainda, mas ele funciona bem.

Isso é tudo. T+

Tags: Prototype, Style Sheets, Tutorial, Web Standards