屬性「爲」適用於其他標籤比標籤

Question

爲什麼當我把屬性for在其它標籤比<label>它不工作（複選框沒有得到檢查）

HTML：FIDDLE

<input id="ac-1" name="accordion-1" type="checkbox" /> 
<div class="item_acc" for="ac-1"> 
    <span>CC</span> 
    <label>Hello</label>       
</div> 

，這與工作過程

HTML標籤的：FIDDLE

<input id="ac-1" name="accordion-1" type="checkbox" /> 
<div class="item_acc" for="ac-1"> 
    <span>CC</span> 
    <label>Hello</label>       
</div> 

更新： 我加入僞類解決這個問題：之前，我把它付諸表決什麼，我想成爲下一個我的標籤

Answer 1

的for屬性不是global HTML attributes which can apply to any element之一，它是specifically defined on the <label> element itself。

因此，沒有理由期望它在另一個元素上工作，如<div>。

Answer 2

你的問題沒有別的選擇，你錯位了命令......你爲什麼不改變這樣的html元素的順序......？有沒有爲div標籤屬性...

<label for="ac-1" >Hello</label> 
<input id="ac-1" name="accordion-1" type="checkbox" /> 
<div class="item_acc"> 
    <span>CC</span>      
</div>