0

我有一些 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>

谢谢

4

1 回答 1

1

我建议看看 Jeff Widmer 的博客文章，为什么 Visual Studio 不能解析我的 CSS 类名？

基本上，Visual Studio 不支持站点相对路径。这与智能感知不适用于 javascript 的原因相同。

他为这个问题提供了一个修复：

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

更新：

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

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

于 2012-10-08T20:30:18.417 回答