0

我有一些CSS,當我的CSS文件內沒有應用到我的設計師在Visual Studio中,但是當我發佈它時應用到頁面。這個問題是大規模放緩網站的發展,因爲我試圖拿起CSS,因爲我去......未在Visual Studio 2012設計器中應用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> 

感謝

回答

1

我建議採取看看傑夫·威德默的博客文章,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" /> 
    <% } %> 

UPDATE:

這裏的問題是對CSS的鏈接標籤的媒體元素。它不會出現VS知道該標籤是什麼,因此不會嘗試解析網址。

在這種情況下,css文件與頁面位於同一個文件夾中,因此它可以工作。但是,如果將css文件移動到另一個文件夾中,那麼它將停止工作,上述修復將解決該問題。

+0

我實際上必須刪除「media =」唯一的屏幕和(max-width:480px)「」我的鏈接樣式表的一部分。如果你更新你的答案來解釋這一點,那麼這段文字就會檢查屏幕尺寸並啓用一個基於此的樣式表,然後我可以將你標記爲答案:) – Faraday

+1

@Vijay〜這是一個完全不同的問題。 – Tyanna

+0

這不是問題。這是我告訴你什麼解決了我的問題(答案),並說如果你願意解釋這個問題,讓其他人可以找到它,我會給你點。如果不是這樣很好,我可以做出答案並將其標記爲答案,只是認爲我會很好...... Visual Studio 2012可以解決我的類名,並且網站相對路徑在2012年可以在設計器中工作(不確定關於<2012年),我的IDE工作正常。這只是「媒體」這個問題。你的電話,我明天會回來,如果沒有你的編輯我會做出回答:) – Faraday

相關問題