CSS 'Décorations'

Cet article traite des «décorateurs CSS Décorations» —CSS Décorations commentaires contenant des directives de processeur - et leur utilisation dans la gestion des langues de droite à gauche (RTL) et de formatage de code. Reformons-le pour plus de clarté et un flux amélioré.

L'article commence par examiner un extrait de CSS Décorations de Wikipedia's Common.css:

 .mw-Collapble-leftside-toggle .mw-Collapble-Toggle {
  / * @noflip * /
  flottant: à gauche;
  / * @noflip * /
  Texte-aligne: gauche;
}

The author questions the purpose of /* @noflip */ , identifying it as a CSS Décorations decorator, essentially a comment with programmatic functionality. Cette fonctionnalité ne se manifeste que lorsqu'elle est traitée par un outil comme CSS DécorationsJanus (utilisé par Wikimedia), qui génère RTL Stylesheets. In this case, float: left becomes float: right , and text-align: left becomes text-align: right .

The author suggests that using text-align: start is a more modern and robust approach for handling text alignment in RTL contexts, eliminating the need for CSS Décorations processing. While there's no direct equivalent for float , layout refactoring (potentially using CSS Décorations Grid) might offer a solution.

The article then explores the history of CSS Décorations processors for RTL conversion, mentioning CSS DécorationsJanus, the now-archived css-flip , and the deprecated postcss-rtl . These tools highlight the extensive list of CSS Décorations properties requiring adjustments for RTL support (including float , text-align , margin , padding , and many more).

The author concludes by introducing another common CSS Décorations decorator: /* prettier-ignore */ . Cette directive empêche le plus joli formateur de code de modifier les CSS Décorations formatés manuellement, en maintenant le style préféré de l'auteur. L'article se termine par interroger les lecteurs sur leur utilisation des décorateurs de CSS Décorations dans leurs projets.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!