all：unset刪除contenteditable

我在我的項目中有一個span類，它應該只有它的父項屬性。所以我設置了所有：未設置。但是這個元素也應該是可編輯的。它看起來像all：unset也會刪除編輯元素內容的能力。all：unset刪除contenteditable

CSS：

.mytext{ 
 
    all:unset; 
 
}

<h1><span class="mytext" contenteditable="true">Editable Text</span></h1>

那麼，有沒有使用所有辦法：取消設置和CONTENTEDITABLE = 「真」？

編輯：是的，我必須這樣使用它。我無法將contenteditable屬性添加到父級。原因是h1的內容（在這種情況下）將被動態添加。 span元素將包含我需要的一些附加數據屬性。我無法將這些屬性添加到父元素，因爲我不知道哪個元素是父元素。

2016-04-28 Verdemis

好，我發現知道一個解決辦法，但我還是想知道，如果有一個更簡單的方法。現在，我使用jquery從span元素中獲取數據屬性並將其添加到父元素，然後從span元素中獲取內容並用它替換父元素。 – Verdemis

:not()選擇器如何？

.mytext:not([contenteditable="true"]) { 
 
    all: unset; 
 
}

<h1><span class="mytext" contenteditable="true">Editable Text</span></h1>

2016-04-28 11:06:14

太棒了。我本應該知道這一點，但它並沒有發生在我身上。謝謝！ – Verdemis

好吧，看起來我很快就要慶祝了。這將適用於所有：只取消設置沒有contententedable屬性的元素......但我需要all：unset屬性也適用於這些。但我有一個與jQuery的解決方法...這會做到這一刻。但是，也許還有一個更簡單的方法。 – Verdemis

這個怎麼樣 - http://codepen.io/Paulie-D/pen/MyPJdy –

回答