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にかなり慣れていないので、誰かが私がやっていることを教えてくれることを望んでいます。それは、VisualStudioがデザイナーで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 のブログ記事、Why does Visual Studio not resolve my CSS class names?を参照することをお勧めします。

基本的に、サイトの相対パスは 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 に答える