CSS 不适用，但子项

Question

对于下面的 HTML，我的 CSS 中可能有什么问题？

div
div(class="header")
div(class="team")
div(class="container")
div(class="odd")
div(class="name")
span name

.CSS：

.team .container{
padding: 10px;
margin: 10px;
}
.team .container .odd{
background-color: red;
}
.team .container .name{
width: 30%;
}

但是，唯一未应用的 CSS 是.team .container .odd。任何人都可以建议可能出了什么问题？

Answer 1

这是你想要的吗？

.team .container {
padding: 10px;
margin: 10px;
}
.team .container .odd {
background-color: red;
}
.team .container .name {
width: 30%;
}

<div>
<div class="header">header
<div class="team">team
<div class="container">container
<div class="odd">odd
<div class="name">name
<span>span</span>
</div>
</div>
</div>
</div>
</div>
</div>

如果这有效，只需检查您自己的 css。这是您现有的css的问题。