2012-06-10 40 views
0

我想顯示文本,當用戶將此文本懸停時,他應該看到一個輸入表單而不是文本。 當它被隱藏時,它會被文本替換。 但是,如果用戶關注輸入表單,則輸入表單應該保留,即使它未被隱藏。CSS一般兄弟不能使用:焦點?

問題是,如果它被隱藏,但輸入窗體被聚焦,輸入窗體和文本元素是可見的(文本元素應該被隱藏)。

我使用的HTML代碼

<div class="editable"> 
    <span>hello</span> 
    <input value="hello" /> 
</div> 

這個CSS此:

​​

的jsfiddle這裏:http://jsfiddle.net/a8U3P/

是否有人有線索,爲什麼這不起作用?

編輯:我試圖火狐13和鉻

回答

3

general sibling combinatorE ~ F,匹配了一條E元件前面的F元件。 「先於」意味着E元素在元素之前來到

您如何預計第一個孩子在之前由最後一個孩子?通過「第一個」和「最後一個」的定義,這無法與任何元素匹配。

+0

好點!改變量程和輸入標籤的順序(以及切換:第一個孩子和最後一個孩子)修復它! – manuels