奇怪的CSS混乱-悬停中意外的边框底部值

SASS在生产服务器上插入了意外的CSS，并弄乱了我的a:hover

这是my application.css的片段：

pre {
  background-color: #eee;
  padding: 10px;
  font-size: 11px; }

a {
    color: #000000;
}
a:visited {
    color: #666666;
}
a:hover {
    border-bottom: none;
}

div {
  &.field, &.actions {
    margin-bottom: 10px; } }

但是，在生产服务器上，firefox报告了以下css：

pre {
    background-color: #EEEEEE;
    font-size: 11px;
    padding: 10px;
}
a {
    color: #000000;
}
a:visited {
    color: #666666;
}
a:hover {
    border-bottom: 1px solid #777777;
}
div.field, div.actions {
    margin-bottom: 10px;
}

在我的开发机器上，firefox显示以下CSS：

a:hover {
    border-bottom: medium none;
}

---

我使用Rails 3.2.13，我从未见过这样的问题。我浪费了整个下午试图找到解决办法。这个问题破坏了我的主页，使它看起来非常不专业。

首先，

边框底部

是一个问题。它结合了

边框底部宽度

、

边框底部颜色

和

边框底部样式

。这些属性的值可以按任意顺序显示。其中任何一个都可以省略

none

是来自

边框底部样式的值

第二，Firefox在其检查功能中显示的并不是你的CSS。它显示了它对待CSS的方式<代码>边框底部：中无

表示您将边框样式更改为

none

，而宽度保持为

medium

（显然，它是继承的）

要查看实际的CSS，请打开实际的CSS文件并查看内部。它还允许您查看媒体查询包装器

---

第三，要删除底部边框，请使用

border-bottom:0。将被视为
边框底部宽度：0
，有效地删除边框。
首先，
边框底部是一个。它结合了
边框底部宽度
、
边框底部颜色
和
边框底部样式
。这些属性的值可以按任意顺序显示。其中任何一个都可以省略

none
是来自
边框底部样式的值

第二，Firefox在其检查功能中显示的并不是你的CSS。它显示了它对待CSS的方式<代码>边框底部：中无
表示您将边框样式更改为
none
，而宽度保持为
medium
（显然，它是继承的）

要查看实际的CSS，请打开实际的CSS文件并查看内部。它还允许您查看媒体查询包装器

第三，要删除底部边框，请使用
border-bottom:0。将被视为
边框底部宽度：0
，它有效地删除了边框。
不是答案，但快速修复方法是替换
边框底部：无带
边框底宽：0Sass不会仅仅因为这个原因而随机插入代码。遗憾的是，这是生产服务器上的资产编译问题。现在，我的生产服务器显然与我的开发机器有不同的CSS。很抱歉，我以前没有注意到它，但问题是生产服务器上没有刷新CSS造成的。这不是答案，但快速修复方法可能是替换
border bottom:none带
边框底宽：0Sass不会仅仅因为这个原因而随机插入代码。遗憾的是，这是生产服务器上的资产编译问题。现在，我的生产服务器明显有不同于我的开发机器的CSS。很抱歉，我以前没有注意到，但问题是由于生产服务器上没有刷新CSS造成的。非常感谢您的详细解释。嘿，ruby_对象，别忘了向上投票并选择答案！非常感谢您的详细解释。嘿，ruby_对象，别忘了向上投票并选择答案！