все: unset удаляет contenteditable

Question

У меня есть класс span в моем проекте, который должен иметь только свойства его родителя. Поэтому я установил все: unset. Но этот элемент также должен быть доступен для редактирования. И похоже, что все: unset также удаляет возможность редактировать содержимое элемента.

CSS:

.mytext{ 
 
    all:unset; 
 
}

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

Так есть ли способ использовать все: отключенное и contenteditable = "истина"?

EDIT: И да, я должен использовать его таким образом. Я не могу добавить атрибут contenteditable для родителя. Причина в том, что содержимое h1 (в данном случае) будет добавляться динамически. Элемент span будет содержать некоторые дополнительные атрибуты данных, которые мне нужны. Я не могу добавить эти атрибуты в родительский элемент, потому что я не знаю, какой элемент будет родителем.

Answer 1

Как насчет :not() селектор?

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

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