css子类-div与css规则不匹配

出于某种原因，我的子类不能在DIV元素上工作

CSS规则匹配像span+a这样的内联标记，但它不匹配div

请看下面的例子：

<style>

.row {
    display: block;
}

.row .lbl {
    float: left;
    width: 200px;
    text-align: right;
    font-weight: bold;
    background-color: blue;
}

.row .inpt {
    float: left;
    width: 200px;
    text-align: right;
    font-weight: bold;
    background-color: red;
}


</style>

工作

<p class="row">

    <span class="lbl">Title</span>
    <span class="inpt">Data</span> 

</p>

不工作

<p class="row">

    <div class="lbl">Title</div>
    <div class="inpt">Data</div> 

</p>

---

我相信，因为你的部门是p的孩子。如果你把p改成div，它会再次工作。

我相信，因为你的div是p的孩子。如果将p更改为div，它将再次工作。

对于p元素，w3.org指定了以下内容，这表明p元素只允许包含内联元素

<!ELEMENT P - O (%inline;)*            -- paragraph -->

---

这与一致，即p元素不能包含块级元素，包括p本身。

对于p元素，w3.org指定了以下内容，这表明p元素只允许包含内联元素

<!ELEMENT P - O (%inline;)*            -- paragraph -->

---

这与一致，即p元素不能包含块级元素，包括p本身。

希望您理解这是不允许的！希望你明白这是不允许的！是的，它会工作，但问题是为什么它不会与他使用的代码工作！是的，它会工作，但问题是为什么它不会与他使用的代码工作！