MVC 3,CSS,Razor和Visual Studio 2010

Question

你们如何管理MVC 3项目中的所有CSS样式？即使我为Visual Studio 2010安装了SP1,我发现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 兼容）。