CSS不适用，但儿童

Question

我的CSS下面的HTML有什么问题？

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

这是你想要的吗？

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

如果这样可行，请检查您自己的CSS。这是你现有的CSS的问题。