RSS 2.0 Feed
RSS 2.0

Atom 1.0 Feed
Atom 1.0

  Huwha? Using multiple CSS classes? 


Well holy crappolie. Andy Smith posted a real nugget of info related to CSS classes that I had no idea about. Maybe everyone else knows about this - but it sure was news to me. You can put multiple CSS class names inside the same class attribute separated by a space. Who knew?! Take a look.

    border: 1px solid black;

    background: red;
    color: green;

<span class="foo bar"></span>

I suppose that says a lot for actually taking the time to read the spec.


Leave a comment below.


  1. Eularia 5/19/2005 12:22 PM
    This is exactly what I was looking for. I really wanted to get rid of any repeated styles. In my newbie-ness, I was trying to implement classes much like in C++ and Java -- child inherits from parent and has own properties and such. Your posting helped me figure it out. Thanks!

    This was the only way I could get both Netscape and IE to display a border along the whole length of a div instead of exactly where the content ends.

    <div class="envelope, borderCol">
    <img src ....>

    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;

    [... not sure if this needs this like id selector did (for netscape fix). Would you know?
    body>#envelope{width: auto; height: auto;}

    border-right-style: groove;
    border-right-color: #AFBAC6;
    border-right-width: large;

Comments have been closed on this topic.



Also see my CRM Developer blog