Problem
In einer Textzeile soll nur ein einzelnes Wort eine eigene Textfarbe und eine andersfarbige Unterstreichung bekommen.
Die Lösung
Das Wort in ein span mit eigener Klasse setzen und Textfarbe sowie Unterstreichung getrennt definieren.
.accent-word { color: #ff9933; text-decoration-line: underline; text-decoration-color: #3399cc; text-decoration-thickness: 3px; }So bleibt der übrige Absatz unverändert. Bei Gutenberg beziehungsweise GenerateBlocks kann die Klasse über Inline-Markup oder einen passenden Rich-Text-/HTML-Weg eingesetzt werden.