Question

我有一些css，当我的CSS文件中没有应用于我在Visual Studio中的设计器时，但是当我发布它时应用于页面。这个问题正在大大减慢网站开发的速度，因为我正在尝试使用CSS ...

以下是CSS的示例：

.header {
    background-color: #ccc;
    border-bottom: 1px solid #666;
    color: #222;
    display: block;
    font-size: 20px;
    font-weight: bold;
    padding: 100px 100px 100px 100px;
    text-align: center;
    text-decoration: none;
        text-shadow: 0px 1px 0px #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, 
                                       from(#ccc), to(#999));
}

我在页面上应用CSS：

<header>
    <asp:Label ID="lblQuestion" runat="server" Font-Bold="True" Font-Size="16pt" Text="Your question goes here..." CssClass="header"></asp:Label>
</header>

我将CSS添加到页面中：

<link rel="stylesheet" type="text/css" href="mycss.css" media="only screen and (max-width: 480px)" />

我对CSS很陌生，所以我希望有人能告诉我我正在做的是阻止Visual Studio在设计师中正确渲染CSS ......

另外，如果我将CSS标签直接放在页面中，那么它可以工作，但我更喜欢将CSS保存在自己的文件中，可以重复使用。

示例样式工作：

<style>
    .header {
        background-color: #ccc;
        border-bottom: 1px solid #666;
        color: #222;
        display: block;
        font-size: 20px;
        font-weight: bold;
        padding: 100px 100px 100px 100px;
        text-align: center;
        text-decoration: none;
        text-shadow: 0px 1px 0px #fff;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#999));
    }
</style>

由于

Answer 1

我建议看一下Jeff Widmer的博客文章Why does Visual Studio not resolve my CSS class names?

基本上，Visual Studio不支持站点相对路径。这就是为什么intellisense不能用于javascript的原因。

他提供了解决此问题的方法：

<link href="/content/default.css" rel="stylesheet" type="text/css" />
    <% if (false) {%>
        <link href="../../content/default.css" rel="stylesheet" type="text/css" />
    <% } %>

更新：

这里的问题是css链接标记中的media元素。 VS似乎不知道该标记是什么，因此不会尝试解析该URL。

在这种情况下，css文件与页面位于同一文件夹中，因此可以使用。但是，如果将css文件移动到另一个文件夹中，那么它将停止工作，上面的修复将解决问题。

CSS未在Visual Studio 2012设计器中应用？

1 个答案: