Styling by attribute-based association?

   How does one style an element based on whether it has an association
to another element via an attribute? Specifically, how do I style a
<label> with a |for| attribute?

   Situations where this would be useful:

1) You want the label to have a dashed border when the associated
control is selected.

2) You want non-associated labels do have a different style from
associated labels, even in cases where a <label> has an incorrect |for|
attribute value.

3) You want all labels for a specific control or class of controls to be
styled in a specific way.

   Is a new selector required in this case? For that matter, is a new
selector needed for parent-child <label> associations? This affects both
existing HTML markup and new markup proposals.

Received on Tuesday, 25 October 2005 19:05:58 UTC