---
title: CSS3 – :checked
authors: Diego Eis
type: post
date: 2007-01-23
url: /css3-checked/
tweetbackscheck:
  - 1356450755
shorturls:
  - 'a:3:{s:9:"permalink";s:36:"https://tableless.com.br/css3-checked";s:7:"tinyurl";s:26:"https://tinyurl.com/3s2y92x";s:4:"isgd";s:19:"https://is.gd/aztHhA";}'
twittercomments:
  - 'a:0:{}'
dsq_thread_id: 503036662
categories:
  - Tecnologia e Tendências
tags:
  - Técnicas e Práticas

---
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][1]

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

 [1]: https://www.css3.info/selectors-test/test-checked.html#checked
 [2]: https://tableless.com.br/css-3-propriedade-background