Boot Camp

Web Authoring Boot Camp
• :enabled - Apply to all currently enabled inputs
• :disabled - Apply to all currently disabled inputs
• :checked - Apply to checked input boxes
• :indeterminate - For radio and check box elements, when they are neither selected
or unselected
• :default - Apply to the default element, for instance the default submit button in a
form
Pseudo classes can come in handy when trying to increase usability. For instance, :hover
can make things besides links react to a users hover, letting them know they can do things
with it. They can change color, change image, become larger or bolder, and more.
You can apply styling to your form input areas and textareas that only takes affect when
a user has clicked into that area using the :focus pseudo class. For example, you could
change the background and border color on those elements so that the visitor knows they
are selected.
Graceful Degradation
When a browser doesn’t support a class (or any CS), it will fall back on something else.
For instance, the fact that older browser don’t support rounded corners doesn’t mean you
can’t implement it. It simply means that visitors won’t see the rounded corners in older
browsers, bu thatt won’t affect your visitors in a site-crippling way.
The same goes for pseudo classes. If you’re using an older browser which doesn’t support
:focus and the user clicks on an input with a focus CSS class, the visitors won’t get the
focus effect. It doesn’t alter the usability of the input field. This means you can implement
most pseudo classes on a basic level (as long as they’re not being implemented in a
way that’ll effect the layout of a website) without worrying about altering user experience
in older browsers.
210