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;
}

Hello 将为粗体，而 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 */
}

我该如何选择这个元素？

4 个答案: