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:
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.
6 Comentários
Junio Vitorino 23/01/2007 às 13:38
Hummm, quando será que poderemos trabalhar com CSS3, eita vontade da moléstia…
Junio Vitorino 23/01/2007 às 15:43
Ah, alguem sabe colocar o comentário p/ css no editplus como o Diego faz nos video tutoriais?
Erick Wilder 23/01/2007 às 17:43
Espero que não demore muito para que os navegadores façam suas implementações de CSS 3, ele realmente parece ser promissor
fechaTag » Navegando 23/Jan/2007 - XML, XHTML, CSS, Tableless, Desenvolvimento Web, Python, Linux 23/01/2007 às 20:03
[...] Opera inicia suporte ao CSS3. Ainda sobre CSS3: CSS3 – :checked [...]
Pablo Almeida 24/01/2007 às 14:40
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…
Cosme 28/01/2007 às 00:41
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? ¬¬”