A lot of good stuff can be done with CSS 2 (w3c recommendation 1998), but unfortunately a lot of it is still badly supported. However, with the new browsers (firefox, IE7 soon) a lot more of CSS 2 will be implemented. One of the cool things you can use is the attribute selector.

Suppose you have a form, with a password box, which you want to style differently from normal text fields.

<input type='password' name='pass1' >
<input type='password' name='pass2' >

Now, with CSS 1 you would have to give this input field a specific class, id or style to change this. But no more.

input[type="password"] {
  font-weight: bold;
}

A number of these can even be linked together, so you can differ between the first password field and the second!

input[type="password"][name='pass2'] {
  color: silver;
}

More CSS

Related posts

This entry was posted on Friday, January 6th, 2006 at 11:49 by Sonja Duijvesteijn and is filed under Webdevelopment, CSS. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.