How can I select this element?

Question

Hi, I have code blindness, it's like snowblindness, just wth far too much code.

I have a div class dynamically generated,

<div class="even last"> 

How can I select that with CSS?

div.even last {
    background-color:#ffffff;
    height:100%;
    border-top:1px solid #F5F5F5;
    padding:2px;
    margin-top:35px;
}

Doesn't seem to work, and I just can't think more..

Thanks :)

Answer 1

You cannot have spaces in a css class name. This should work:

<div class="even_last"> 

div.even_last {
    background-color:#ffffff;
    height:100%;
    border-top:1px solid #F5F5F5;
    padding:2px;
    margin-top:35px;
}

Spaces in css mean: the next element contained in the previous one, for example:

<div class="even_last">
    <div>
        Hello
    </div>
    World
</div>

div.even_last div {
    font-weight:bold;
}

Hello will be bold, while World will not.

Answer 2

When multiple classes are specified with a space, it applies both of those classes to the element.

Therefore if you specify div.even AND/OR div.last it will use them.

Answer 3

Replace the space with a dot and you're right:

div.even.last {
    background-color:#ffffff;
    height:100%;
    border-top:1px solid #F5F5F5;
    padding:2px;
    margin-top:35px;
}

Answer 4

Name your class like evenlast:

div.evenlast
{
  /* styles here */
}