Регионы в CSS как регионы C #?

Question

Есть ли способ определить регионы в файле CSS так же, как регионы в C #?

Как и в C #, вы определяете регионы следующим образом

#region My Region
//your code here
#endregion

Моя проблема в том, что я не хочу использовать отдельные CSS-файлы для моего проекта asp.net, но я также хочу организовать, чтобы яМожно определить определенные разделы, например, один для CSS-страницы главной страницы и один для FormUser и т. д., чтобы можно было легко устранять неполадки при необходимости.Является ли это возможным?

Answer 1

Вы можете использовать это для регионов ... хорошо работает для создания складных областей

/*#region RegionName*/

/*#endregion RegionName*/

RegionName не является обязательным в endregion, вы также можете использовать

/*#region RegionName*/

/*#endregion */

Answer 2

Вы не можете делать регионы, но вы всегда можете просто использовать интервалы и комментарии, чтобы добавить какую-либо организацию, если хотите.

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

/*Typography Rules*/
etc{}

etc...

Answer 3

Нет, в CSS нет поддержки регионов.

Обычный подход заключается в разделении на разные CSS-файлы и последующем использовании инструмента минимизации CSS для производственных выпусков, который объединяет и минимизирует ваш CSS, т. Е. См. minify или YUI Compressor .

Answer 4

введите region и нажмите tab, вы получите следующее

/*#region name */

/*#endregion */

, где вы можете отредактировать name, чтобы присвоить региону имя по вашему выбору.

Надеюсь, это поможет.

Answer 5

Вы можете добавить Regions в ваш CSS в точности так, как вы описываете, используя плагин Visual Studio под названием "Web Essentials" (это ссылка VS2012, но доступны более ранние версии)

Затем вы можете просто добавить регионы в свой CSS, выполнив следующее:

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

В сочетании с сочетанием клавиш (Ctrl + M, Ctrl + L) это для меня бесценно. поскольку это мгновенно уменьшает вашу огромную, длинную страницу, которую вы должны прокручивать НАМНОГО, НАМНОГО быстрее. Надеюсь, это поможет вам !!

Answer 6

Вы должны использовать разные CSS-файлы и перемещать их в 1 файл при сборке приложения. Для этого есть специальные инструменты, так как это единственный способ.

Answer 7

Используйте тип Media Query!слишком поздно, чтобы ответить, но я сделал это для группировки своего кода, и он отлично работает для меня

@media all /*'Global Settings'*/{
    body {
       background: red;
       padding-bottom: 120px;
    }
}

@media all /*'Header Settings'*/{
  .add-to-cart-header {
     height: 66px;
     background: #f7f7f7;

  }
}