Régions en CSS comme les régions C#?

Existe-t-il un moyen de définir des régions dans le fichier CSS comme les régions en C#?

Comme en C # vous définissez les régions comme suit

#region My Region
//your code here
#endregion

Mon problème est que je ne veux pas utiliser de fichiers CSS séparés pour mon asp.net projet mais je veux aussi organiser afin que je puisse définir des sections spécifiques comme une pour Master Page CSS et une pour FormUser et ainsi de suite afin qu'il soit facile de dépanner en cas de besoin. Est-il possible?

50
demandé sur Ry- 2011-09-22 22:50:11

6 réponses

Vous pouvez l'utiliser pour les régions...fonctionne bien pour faire des régions pliables

/*#region RegionName*/

/*#endregion RegionName*/

Le RegionName est optionnel dans endregion, vous pouvez également utiliser

/*#region RegionName*/

/*#endregion */
146
répondu Mulki 2018-03-22 18:06:23

Vous ne pouvez pas faire de régions, mais vous pouvez toujours utiliser l'espacement et les commentaires pour ajouter une organisation si vous le souhaitez.

/*Layout rules*/
body{}
div{}
etc{}

/*Typography Rules*/
etc{}

etc...
7
répondu Andrew Barber 2011-09-22 18:51:53

Non il n'y a pas de support pour les régions dans CSS.

L'approche habituelle consiste à séparer en différents fichiers CSS, puis à utiliser un outil de minification CSS pour les versions de production qui combine et réduit votre CSS, c'est-à-dire voir minify ou YUI Compressor.

3
répondu BrokenGlass 2011-09-22 18:52:30

Vous devez utiliser différents fichiers CSS et les déplacer dans 1 fichier lors de la construction de votre application. Il existe des outils spéciaux pour cela qui font exactement cela car c'est le seul moyen.

2
répondu thekip 2011-09-22 18:52:37

Vous pouvez ajouter des régions à votre CSS exactement comme vous le décrivez en utilisant un plugin visual studio appelé "Web Essentials" (c'est le lien VS2012, mais des versions antérieures sont disponibles)

Ensuite, vous pouvez simplement ajouter des régions dans votre CSS en faisant ceci:

/*#region Footer 
---------------------------------------------------- */
.footerHyperlinks{
  decoration:none;
}
/*#endregion*/

En conjonction avec le raccourci clavier (ctrl + M, ctrl+L) ceci pour moi est inestimable. comme il réduit instantanément votre énorme, longue page que vous devez faire défiler beaucoup, beaucoup plus rapide. Espérons que vous aide !!

2
répondu wotney 2013-03-22 15:28:12

Tapez region et appuyez sur tab vous obtiendrez ce qui suit

/*#region name */

/*#endregion */

Où vous pouvez modifier le name pour donner à la région un nom de votre choix.

J'espère que cela aide.

2
répondu WAQ 2016-07-25 11:28:40