body {
background-color:olive;
}
#container{
background-color:;
display:flex;
}
#container > a {
background-color:chocolate;
margin:5px;
padding:7px;
border-radius:10px;
}
#item-2 {
}
#item-4{
margin-left:auto;
}
#bonus {
background-color:red;
}
<body>
<nav>
<div id="container">
<a id="item-1 bonus" href="#">Information</a>
<a id="item-2 bonus" href="#">Contacts</a>
<a id="item-3 bonus" href="#">Media</a>
<a id="item-4" href="#">Logout</a>
</div>
</nav>
</body>
Hello, could anyone tlel me why doesnt "bonus" class apply background-color:red ? Is there a rule where you can't put two id's or something? Some clarification would be really useful. Thanks.