html - 无法将 CSS 级联到输入控件，但能够在 Razor 的 DOM 中用于其他 HTML

Question

我有一个样式为 input-data 的 div。其中有一个跨度和一个输入控件。在我的 CSS 中，我正在设置 font-size。它确实级联到跨度控制而不是输入。我需要在那里明确设置它。因此，当我将大小从 40 调整为 30 时，我看到跨度发生了变化，但输入没有发生变化。

div.input-data {
  font-family: Tahoma;
  font-size: 40px;
}

div.input-data span {
  /*font-size: 20px;*/
}

div.input-data input {
  /*font-size: 20px;*/
}

当然，我可以通过设置大小明确删除最后一种样式中的评论来获得我想要的东西，但在我看来，这就像放弃计算机一样。任何看过《终结者》的人都知道如果计算机获胜会发生什么。

输入是否有不同的级联规则？它是否与生成过程有关(我使用的是 Html.TextBoxFor，尽管生成的 HTML 看起来是一样的)？

<div class="input-data">
  <span>Nickname</span>
  @Html.TextBoxFor(vehicle => vehicle.Name)
  @*@Html.TextBoxFor(vehicle => vehicle.Name, new { @class = "input-data" })*@
</div>

我也尝试过将样式发送到生成器中，如注释掉的部分所示。相同的结果。

Answer 1

你可以做 div.input-data * { font-size:xx; 。

只是少了一点代码，但你并没有完全放弃......