Heim > Web-Frontend > CSS-Tutorial > CSS 'Dekorationen'

CSS 'Dekorationen'

Lisa Kudrow
Freigeben: 2025-03-17 10:47:09
Original
789 Leute haben es durchsucht

In diesem Artikel werden "CSS Dekorationen-Dekorateure"-CSS Dekorationen-Kommentare mit Prozessoranweisungen-und deren Verwendung bei der Behandlung von RTL-Sprachen (RTL) und Codeformatierung von Recht zu links beschrieben. Lassen Sie es uns für Klarheit und einen verbesserten Fluss umwandeln.

Der Artikel beginnt mit der Untersuchung eines CSS Dekorationen -Ausschnitts aus Wikipedia Common.css:

 .Mw-collapsible-links-Toggle .MW-Collapsible-Toggle {
  / * @noflip */
  float: links;
  / * @noflip */
  Text-Align: links;
}
Nach dem Login kopieren

Der Autor stellt den Zweck von /* @noflip */ in Frage und identifiziert ihn als CSS Dekorationen -Dekorateur, im Wesentlichen einen Kommentar mit programmatischer Funktionalität. Diese Funktionalität manifestiert sich nur, wenn sie von einem Tool wie CSS DekorationenJanus (von Wikimedia verwendet) verarbeitet wird und RTL -Stylesheets generiert. In diesem Fall wird float: left float: right und text-align: left wird zu text-align: right .

Der Autor schlägt vor, dass die Verwendung text-align: start ein modernerer und robusterer Ansatz für die Behandlung von Textausrichtungen in RTL-Kontexten ist und die Notwendigkeit einer CSS Dekorationen-Verarbeitung beseitigt. Obwohl es kein direktes Äquivalent für float gibt, kann das Layout -Refactoring (möglicherweise mit CSS Dekorationen -Gitter) eine Lösung bieten.

Der Artikel untersucht dann die Geschichte von CSS Dekorationen-Prozessoren für die RTL-Konvertierung und erwähnt CSS DekorationenJanus, den inzwischen Archivierten css-flip und das veraltete postcss-rtl . Diese Tools unterstreichen die umfangreiche Liste der CSS Dekorationen-Eigenschaften, die Anpassungen für die RTL-Unterstützung erfordern (einschließlich float , text-align , margin , padding und vieler mehr).

Der Autor schließt mit der Einführung eines weiteren gemeinsamen CSS Dekorationen-Dekors: /* prettier-ignore */ . Diese Richtlinie verhindert, dass das hübscher Code -Formatierer die manuell formatierte CSS Dekorationen verändert und den bevorzugten Stil des Autors beibehält. Der Artikel endet damit, dass die Leser nach der Verwendung von CSS Dekorationen -Dekoratoren in ihren Projekten gefragt werden.

CSS Dekorationen

Das obige ist der detaillierte Inhalt vonCSS 'Dekorationen'. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage