CSS 不适用，但 child

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 的问题。