O futuro do CSS: CSS Toggles

• Um rascunho não oficial já foi publicado, e o Chromium deve começar a prototipagem em breve
• Um mecanismo que conecta o estado de objetos DOM, como checkboxes e botões de rádio, ao CSS

html {  
  toggle-root: lightswitch; /* 토글 생성. 0 (비활성화, 기본값) 과 1 (활성화)  */  
}  
  
button {  
  toggle-trigger: lightswitch; /* 버튼 클릭시 토글*/  
}  
  
html:toggle(lightswitch) {  
  /* lightswitch 토글이 활성화 되었을 때 적용할 스타일 */  
}  

• É possível criar vários toggles; eles podem ter mais de um estado ativo, e os valores não precisam ser necessariamente numéricos como 0/1
• O valor padrão é 0, mas pode ser sobrescrito
• Um mesmo elemento pode ser ao mesmo tempo toggle-root e toggle-trigger
• Com toggle-visibility, é possível mostrar/ocultar elementos de acordo com o valor do toggle
• É possível agrupar com toggle-group (útil para interfaces com abas)

[joyfui]

Existe uma forma de criar menus de abas só com CSS, usando botões de rádio e sem JavaScript; se isso surgir, vai ficar ainda mais fácil.