CSS 忽略第一节课后的所有内容

Question

我正在使用 本指南 创建一个 HTTPHandler，它将脚本和 css 文件组合在一起将它们按一份请求交付。

基本上，它会将一堆 .css 文件读取到字节数组中，然后响应。以文本/css（或文本/javascript）内容类型将字节写入客户端。

当使用 FireBug 时，CSS 似乎表现良好。 ..一切都在那里。然而，浏览器本身只会渲染组合操作中使用的第一个文件中的 CSS。

示例：

File1.css： 正文 { 字体大小：20px; } h1 { 颜色：红色；文件

2.css： div { 边框：实心 1px 黑色； 所有CSS

都可以通过 CSS 选项卡中的 Firebug 看到...但是 File2.css 中的类实际上并未应用于页面上的 div。如果我翻转文件的顺序，div 会获得边框，但 File1.css 中的任何内容都不会应用。

Javascript 文件工作得很好，但 CSS 让我完全难住了！

编辑以显示从 Firebug 中复制的 CSS

body {
font-size:22px;
}
h1 {
color:Red;
text-decoration:underline;
}
div {
border:1px solid black;
}

这是来自 NET 选项卡，生成的实际响应

ParamsHeadersPostPutResponseCacheHTML
Response Headersview source
Server  ASP.NET Development Server/9.0.0.0
Date    Mon, 29 Nov 2010 01:10:26 GMT
X-AspNet-Version    2.0.50727
Transfer-Encoding   chunked
Cache-Control   public, must-revalidate, proxy-revalidate, max-age=259200
Expires Thu, 02 Dec 2010 01:10:26 GMT
Content-Type    text/css
Connection  Close
Request Headersview source
Host    localhost:49598
User-Agent  Mozilla/5.0 (Windows; U; Windows NT 6.1; en-US; rv:1.9.2.12) Gecko/20101026 Firefox/3.6.12
Accept  text/css,*/*;q=0.1
Accept-Language en-us,en;q=0.5
Accept-Encoding gzip,deflate
Accept-Charset  ISO-8859-1,utf-8;q=0.7,*;q=0.7
Keep-Alive  115
Connection  keep-alive
Referer http://localhost:49598/



body 
{
    font-size: 22px;

}

h1 
{
    color: Red;
    text-decoration: underline;
}div 
{
    border: solid 1px black;
}

新开发。如果我在记事本中创建 .css 文件，一切正常。 VS2008在创建样式表文件时是否会添加一些看不见的东西到文件中？

FIDDLER TEXTVIEW（不知道额外的字符来自哪里。有趣。

9a


body 
{
    font-size: 22px;

}

h1 
{
    color: Red;
    text-decoration: underline;
}div 
{
    border: solid 1px black;
}
0

Answer 1

在 GetFileBytes 中将以下行更改

    byte[] bytes = File.ReadAllBytes(physicalPath);
    // TODO: Convert unicode files to specified encoding. For now, assuming
    // files are either ASCII or UTF8
    return bytes;

为

    string content = File.ReadAllText(physicalPath, encoding);
    return encoding.GetBytes(content);

Answer 2

我不确定出了什么问题；如果 Firebug 的 CSS 选项卡看到 CSS，则它应该进行渲染。

尝试清除缓存 (Ctrl+F5) 并重新启动 Firefox。

尝试在服务器上的 CSS 文件之间添加换行符；有一点可能会有所帮助。