我可以在div元素中添加多个类吗？ （CSS）

Question

是否可以向div元素添加多个类？我尝试添加完整和 b 类，但它不起作用。

#card { 
/* default for card */
    width: 300px;
    height: 50px;
    padding: 15px;
    background-color: yellow;
    box-shadow: 10px 10px 40px grey;
}

#card.g {
    background-color: lightgreen;
    box-shadow: 10px 10px 40px grey;
}
#card.b {
    background-color: lightblue;
    box-shadow: 10px 10px 40px grey;
}

#card.full{
    width:100%;
    height:100%;
    padding:10px;
}

<h3 id="card" class="full" class="b">Hi!</h3>

如果这是一个糟糕的问题，我很抱歉，我是编程新手。

Answer 1

是的，你只需要用空格分隔多个类。如果你把class=""两次放在一个元素中，就像你一样，它会忽略第二个

＆＃13;

＆＃13;

#card { 
/* default for card */
    width: 300px;
    height: 50px;
    padding: 15px;
    background-color: yellow;
    box-shadow: 10px 10px 40px grey;
}

#card.g {
    background-color: lightgreen;
    box-shadow: 10px 10px 40px grey;
}
#card.b {
    background-color: lightblue;
    box-shadow: 10px 10px 40px grey;
}

#card.full{
    width:100%;
    height:100%;
    padding:10px;
}

＆＃13;

<h3 id="card" class="full b">Hi!</h3>

＆＃13;

＆＃13;

＆＃13;

Answer 2

是的，你可以

<h3 id="card" class="full b g">Hi!</h3>