用于规避匿名DIV的CSS

Question

我正在使用CMS，在构建表单时将所有内容包装为所谓的“匿名div”以符合XHTML，遗憾的是主题设计没有这种洞察力，因此提交按钮CSS为：

.contact form div.control input[type=submit]

如果标记为：

，则此方法有效

<section class="contact">
  <form>
    <div class="control">
      <input type="submit" />

但是因为CMS添加了这个额外的DIV：

<section class="contact">
  <form>
    <div>
      <div class="control">
        <input type="submit" />

如何更有效地编写CSS，因此额外的标记不会对它产生太大的影响，但是不通过ID或类来设置单个元素的样式???

亚历

Answer 1

你的选择器仍然应该选择输入，div不会影响它。如果div导致布局问题，您可能需要使它成为这样的内联元素：

section > form > div { display: inline }

Answer 2

您应该只需添加：

.contact form div div.control input[type=submit]

或

.contact form div .control input[type=submit]。

要么工作正常。