alles: unscharf entfernt contenteditable

Question

Ich habe eine Spannungsklasse in meinem Projekt, die nur die Eigenschaften ihrer Eltern haben sollte. Also habe ich alles gesetzt: unscharf. Aber dieses Element sollte auch editierbar sein. Und es sieht so aus: Unset entfernt auch die Fähigkeit, den Inhalt des Elements zu bearbeiten.

CSS:

.mytext{ 
 
    all:unset; 
 
}

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

So ist es eine Möglichkeit, alle zu verwenden: Frisch- und contenteditable = "true"?

EDIT: Und ja, ich muss es auf diese Weise verwenden. Ich kann das contentediable Attribut dem Eltern nicht hinzufügen. Der Grund ist, dass der Inhalt von h1 (in diesem Fall) dynamisch hinzugefügt wird. Das span-Element enthält einige zusätzliche Datenattribute, die ich brauche. Ich kann diese Attribute nicht zum übergeordneten Element hinzufügen, da ich nicht weiß, welches Element das übergeordnete Element sein wird.

Answer 1

Wie wäre es mit einem :not() Selektor?

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

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