我遇到了最奇怪的问题......
最简单的形式是，我有一个index.html文件，其中包含以下内容：
<link rel="stylesheet" href="css/main.css">
（在尝试确定根本原因的过程中，我已经大大剥离了它）
当我查看页面的来源时，我得到以下内容：
<style>html,button,input,select,textarea{color:#222}body{font-size:1em;line-height:1.4}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0}.ir{background-color:transparent;border:0;overflow:hidden;*text-indent:-9999px}.ir:before{content:"";display:block;width:0;height:150%}.hidden{display:none!important;visibility:hidden}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.clearfix{*zoom:1}@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" \(" attr(href) "\)"}abbr[title]:after{content:" \(" attr(title) "\)"}.ir a:after,a[href^=javascript:]:after,a[href^=#]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}@page {margin:0.5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}</style>
奇怪的是，我的css/main.css文件中包含无。
我已经确认这些CSS规则出现在我测试过的所有浏览器中。
这些规则来自哪里？如果我重命名文件css/test.css并适当地引用它，这种行为会消失吗？
非常感谢提前！
答案 0 :(得分：0)
感谢所有帮助。我备份了我的数据，销毁了与主机上的域相关的所有内容，并恢复了我的文件。这解决了这个问题。我唯一想到的就是我回过头来安装一些Ruby宝石（试图学习RoR）。我不确定这是否有任何作用。无论哪种方式，它都解决了。再次感谢！你们摇滚！