2016-03-04 15 views
6

Ich nahm einen Test in upwork. Dort bekam ich die folgende Frage:Wie Text-Replace-Eigenschaft in CSS arbeiten?

Betrachten Sie den folgenden Code ein:

body{text-replace: "a" "b" "b" "c"} 

Was wird die Ausgabe der folgenden Zeichenkette, wenn der Text ersetzen Stil umgesetzt wird?

andy lebt hinter Cafe


  1. ndy Leben hinter cbfe
  2. cndy Leben cehind CCFE
  3. andy hinter Cafe
  4. andy lebt cehind BaFe
lebt 0

Ich konnte keine Referenz für die Text-Replace-Eigenschaft in CSS finden.

+0

Ich habe noch nie davon gehört. [Auf Mozillas CSS-Referenz] (https://developer.mozilla.org/en-US/docs/Web/CSS/Reference) Ich kann diese Eigenschaft nicht finden –

+0

Nun, es zeigt sich auf Google, 3: nd Hit .. https://www.google.com/search?q=text-replace%3A&oq=text-replace%3A&aqs=chrome..69i57j69i58&sourceid=chrome&ie=UTF-8#q=%22text-replace%22+css – LGSon

+0

@ LGSon Danke für deinen Versuch. Ich suchte wie "Text ersetzen CSS", aber Sie suchten wie "Text ersetzen" CSS, was wirklich wichtig ist. Danke nochmal. –

Antwort

18

Wow! Sie sind auf eine Eigenschaft gestoßen, die zuletzt in der 2007 GCPM specification und in der Revision 2010 entfernt wurde. Und in einem Online-Test dazu! Entweder ist der Test, den du nimmst, mehrere Jahre veraltet, oder wer immer ihn gesetzt hat, hat nur von alten, alten Revisionen von W3C-Spezifikationen Gebrauch gemacht und sie alle als relevant behandelt (wie die Benutzer hier bei Stack Overflow wissen).

Weil es so esoterisch ist, werde ich nur die Frage beantworten. Es versteht sich von selbst, dass diese Antwort nur für Bildungszwecke bereitgestellt wird. Dort ist keinetext-replace Eigenschaft in jeder aktuellen CSS-Spezifikation, und es gab es seit fast einem Jahrzehnt (weder in css-content noch css-gcpm). Legen Sie es nicht in Ihr CSS und erwarten Sie, dass es funktioniert. Es wird nicht. Wenn Sie Textersetzungen in einem HTML-Dokument durchführen müssen, verwenden Sie JavaScript.


Die Antwort ist # 2: "cndy Leben cehind CCFE"

Die genaue CSS Probe erscheint in der Spezifikation, oben verbunden, und das Beispiel wird wie folgt beschrieben (Hervorhebung von mir):

Die beiden folgenden Regeln führen zu demselben Ergebnis. In der ersten Regel werden alle 'a' Zeichen in 'b' konvertiert. Anschließend werden alle 'b' Zeichen in 'c' umgewandelt. In der zweiten Regel werden alle Zeichen "a" und "b" direkt in "c" konvertiert.

body { text-replace: "a" "b" "b" "c" } 
body { text-replace: "a" "c" "b" "c" } 

So ist die Verarbeitungsreihenfolge lautet:

  1. andy hinter cafe lebt
  2. b ndy Leben hinter c b fe
  3. c ndy lebt c hinter c c fe
+0

Ich habe mich bemüht, die Referenz zu finden. Vielen Dank. –

+0

Wenn die Frage lautet "Was wird die Ausgabe der folgenden Zeichenfolge ..." dann wäre die richtige Antwort 3 - weil der CSS-Code nicht funktioniert :) –

Verwandte Themen