Tableless - Desenvolvimento inteligente com Padrões Web

23/01/2007
Tecnologia e Tendências

CSS3 – :checked

Você já deve ter precisado fazer alguma peripécia para a seguinte situação: Há uma série de checkbox e você precisava diferenciá-los quando eles estão checados. Normalmente o pessoal usa algum scriptzinho para poder mudar uma classe e assim poder formatar …

Por

Você já deve ter precisado fazer alguma peripécia para a seguinte situação: Há uma série de checkbox e você precisava diferenciá-los quando eles estão checados. Normalmente o pessoal usa algum scriptzinho para poder mudar uma classe e assim poder formatar via CSS.

No CSS3 esse problema desaparece. Há uma pseudo-classe chamada :checked.
A sintaxe:

1
input:checked {}

Logo, quando um input é checado, ele recebe as características que você quiser sem precisar criar qualquer script. Simples e eficiente.

Se quiser ver um preview:
Seletor CHECKED

Mais de CSS3?
Saiba como a propriedade BACKGROUND irá se comportar.

Por Diego Eis

Diego Eis criou o Tableless para disseminar os padrões web no Brasil. Como consultor já treinou equipes de empresas como Nokia, Globo.com, Yahoo! e iG. É palestrante e empreendedor.

http://twitter.com/diegoeis/

Veja os outros posts de

  • Junio Vitorino

    Hummm, quando será que poderemos trabalhar com CSS3, eita vontade da moléstia…

  • Junio Vitorino

    Ah, alguem sabe colocar o comentário p/ css no editplus como o Diego faz nos video tutoriais?

  • Erick Wilder

    Espero que não demore muito para que os navegadores façam suas implementações de CSS 3, ele realmente parece ser promissor

  • Pingback: fechaTag » Navegando 23/Jan/2007 - XML, XHTML, CSS, Tableless, Desenvolvimento Web, Python, Linux

  • http://www.pabloalmeida.net Pablo Almeida

    Se depender do CSS, o JavaScript vai perder um espaço significativo quando se tratar de efeitos visuais…realmente, a cada dia que passa as “cascatas” ficam cada vez mais importantes na Web…

  • http://www.cosmefae.com/blog/ Cosme

    Chega até ser engraçado.
    Não sei o que adianta, o IEca mal suporta CSS2, imagine o 3….
    Aliás, o que o IE suporta? ¬¬”