MVC 3, CSS, Razor и Visual Studio 2010

Question

Как вы, ребята, управляете всеми стилями CSS в проектах MVC 3? Даже после того, как я установил SP1 для Visual Studio 2010, я обнаружил, что менеджер стилей CSS все еще не может распознать ссылки на таблицы стилей из файлов макета.

Я полагаю, что Expression Web также еще не имеет поддержки этого материала. Есть ли что-нибудь, что вы можете использовать, чтобы помочь себе и справиться со всем этим беспорядком, а не делать это вручную?

Answer 1

Я создал несколько довольно сложных стилей и всегда использовал один и тот же подход. Хороший чистый синтаксис и хорошее комментирование в css файлах. Как это:

/***** /Products/Edit ******/
#productsContainer { background-color: #99bbff; }
#productsContainer fieldset.edit { margin: 1em 0 .2em 0; background-color: #dadada; }
#productsContainer fieldset.edit label { display: block; }
/***************************/

Если вы остаетесь организованным, контролируете эффективность своего стиля и, при необходимости, используете что-то вроде CleverCSS: https://github.com/dziegler/clevercss,, вы можете управлять своими стилями без сложных накладных расходов и инструментов, которые могут сломаться. Пример CleverCSS ниже:

/***** /Products/Edit ******/
#productsContainer
    background-color: #99bbff
    fieldset.edit:
        margin: 1em 0 .2em 0
        background-color: #dadada
        label:
            display: block;
/***************************/

Но да, при желании вы можете использовать что-то вроде WebStorm (http://www.jetbrains.com/webstorm/) для редактирования вашего javascript, html, css и т. Д.) Или подождите, пока Expression Web будет готов (думаю, менее года, пока он не станет совместимым с MVC).