CSS不适用于所有元素

Question

我使用Django生成以下HTML：

<p>
    <label for="id_username">
        Username:
    </label>
    <input id="id_username" type="text" name="username" maxlength="30"></input>
</p>

...并使用以下CSS代码尝试装饰标签和文本输入：

form.registration p label,
form.registration p input
{
    width: 250px;
}

最后，导航器（Firefox）仅更改输入文本框的宽度，而不更改其中一个标签。有人知道为什么吗？

Answer 1

通常，大多数浏览器中label的默认显示为display: inline。这意味着设置的宽度不会影响任何更改。将display: inline-block添加到媒体资源中（这不会影响已<input>的{​​{1}}