TODO
Slides markupTODO
Navigation helper:focus
:checked
:disabled
E + F | E ~ F
selectorsLorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
label
and input
together with CSS pseudo classes :focus
, :checked
or disabled
and using E + F
or E ~ F
selectors you can create something like transmitter
and reciever
.input
with type text
can recieve :focus
and with siblings
selector you can style any sibling element. Or take input
with type checkbox
or radio
which can be toggled with different state and recieve :checked
pseudo class. All of these elements might be called recievers
.reciever
to get one or another state there needs to exist some kind of transmitter
that would trigger those state changes. And for that purpose label
is a perfect match because clicking on it either gives :focus
to element or changes state with :checked
. Since label
element does not need to be sibling with it's recieving
element it might be located almost anywhere in the DOM
allowing distant control over elements
. In addition there might also exist multiple transmitters
to get greater control over elements
.