用於規避動態DIV的CSS

Question

我使用的CMS在構建表單時將所有內容與其稱爲「匿名div」的內容一起包裝以符合XHTML，但不幸的是，該主題的設計沒有此洞察力，因此提交按鈕CSS是：

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

這工作，如果標記是：

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

但是，由於這種額外的DIV由CMS說：

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

我怎樣才能讓CSS更具自適應性，所以額外的標記不會影響太多，但是不需要通過ID或類來定義單個元素？

Alex

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

要麼應該工作正常。