Wie würde ich einen Eltern-Text-Deko-Stil negieren oder entfernen? Im folgenden Beispiel haben sowohl der Text als auch der Anker eine Textverzierung des Zeilenumbruchs. Gibt es eine Möglichkeit, das nicht auf das Anchor-Tag anzuwenden?
HINWEIS: das Umschließen des inneren Textes in einem Bereich ist keine einfache Option mit dem, was ich habe, also suche ich nach einer Lösung, die auf den CSS-Stilen basiert, wenn möglich.
Ich glaube nicht, dass es möglich ist. Von SitePoint :
Auch Textdekorationen auf Inline-Boxen werden entlang der gesamten Box gerendert, auch wenn es Abkömmlinge enthält. Auch dies mag ähnlich erscheinen Erbe. Irgendeine Textdekoration Einstellung auf eine Nachkommen-Box kann nie "Rückgängig machen" die Textdekorationen eines Vorfahre.
Die folgende Zeile in der akzeptierten Antwort ist falsch:
Jede Textdekoration auf a Nachkomme-Box kann niemals die "rückgängig machen" Textdekorationen einer Ahnenbox.
Sag niemals nie, oder?
Ich habe noch keine Lösung für IE gefunden (es sei denn, Sie arbeiten mit einem Szenario, in dem die Durchstreichung auf <TD> gesetzt ist), aber ist für andere Browser möglich, obwohl Sie es sind muss die Nebenwirkungen der Lösung bekämpfen.
Sehen Sie selbst Ссылка
Kurz gesagt: Fügen Sie einfach display:table; zum Stil des Kindes hinzu. Aus irgendeinem Grund in FF können Sie% of_co_de%, table , block oder list-item verwenden, aber diese funktionieren nicht in Safari / Chrome.
Es verwendet den folgenden Code:
Tags und Links css text-decorations line-through