CSS nicht angewendet werden, in Visual Studio 2012 designer?
Habe ich einige css, die, wenn Sie in meiner CSS-Datei nicht angewendet, um meine designer in Visual Studio, aber wird angewendet, um die Seite, wenn ich es veröffentlichen. Dieses Problem ist die Verlangsamung der Entwicklung von Websites Massiv, wie ich bin versucht zu Holen, CSS wie ich gehe...
Hier ein Beispiel für ein bisschen 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));
}
Mir die Anwendung der CSS auf der Seite:
<header>
<asp:Label ID="lblQuestion" runat="server" Font-Bold="True" Font-Size="16pt" Text="Your question goes here..." CssClass="header"></asp:Label>
</header>
Mich hinzufügen der CSS zu der Seite:
<link rel="stylesheet" type="text/css" href="mycss.css" media="only screen and (max-width: 480px)" />
Ich bin ziemlich neu bei CSS, also hoffe ich, jemand kann mir sagen was ich zu tun ist, zu stoppen Visual Studio rendering der CSS korrekt im designer...
Auch, wenn ich meine CSS-tags direkt in die Seite, dann funktioniert es, aber ich würde viel lieber meinen CSS in eigene Datei, wo es wiederverwendet werden kann.
Beispiel Stil arbeiten:
<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>
Dank
Du musst angemeldet sein, um einen Kommentar abzugeben.
Schlage ich vor, dass Sie einen Blick auf Jeff Widmer ' s blog post, Warum Visual Studio nicht lösen, meiner CSS-Klasse " - Namen?
Grundsätzlich, Standort-relativer Pfad nicht unterstützt, die von Visual Studio. Es ist der gleiche Grund, warum intellisense funktioniert nicht für javascript.
Er bietet eine Lösung für dieses Problem:
UPDATE:
Das problem hier war das Medien-element in das link-tag für die css. Es scheint nicht, dass VS weiß, was das-tag ist und somit nicht versuchen, die url.
In diesem Fall die css-Datei liegt im gleichen Ordner wie die Seite, so dass es funktionieren würde. Aber, wenn die css-Datei verschoben in einen anderen Ordner, dann würde es aufhören zu arbeiten und das Update würde das Problem lösen.