Как я могу выбрать этот элемент?

Question

У меня слепота кода, это как слепота, просто слишком много кода.

У меня динамически генерируется класс div,

<div class="even last"> 

Как я могу выбрать это с помощью CSS?

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

Кажется, не работает, и я просто не могу думать больше ..

Спасибо:)

Answer 1

Когда несколько классов указаны с пробелом, он применяет оба этих класса к элементу.

Поэтому, если вы укажете div.even И / ИЛИ div.last, он будет использовать их.

Answer 2

В имени класса css не должно быть пробелов. Это должно работать:

<div class="even_last"> 

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

Пробелы в css означают: следующий элемент, содержащийся в предыдущем, например:

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

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

Привет будет выделен жирным шрифтом, а World не будет.

Answer 3

Замените пробел точкой, и вы правы:

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

Answer 4

Назовите свой класс как evenlast:

div.evenlast
{
  /* styles here */
}