Rails教程,网站上奇怪的CSS格式

时间:2012-02-12 21:32:08

标签: ruby-on-rails css blueprint-css

你可以看到它here

删除蓝图时网站看起来很好。我尝试添加Bootstrap,同样的问题也出现了。

我一直关注this (excellent) tutorial

2 个答案:

答案 0 :(得分:2)

根据chrome,这是导致此问题的代码:

http://blazing-fog-1717.herokuapp.com/assets/application-fcc74be8bd91511db934f033390efd28.css

a:link::after, a:visited::after {
  content: " (" attr(href) ")";
  [...]

我不知道为什么蓝图可能会这样做,但你可以编辑blueprint.css并删除以下规则:

content: " (" attr(href) ")";

将链接的媒体属性设置为print(media =“print”)也可以解决问题。

如果你不喜欢这些解决方案中的任何一个,你应该能够通过在包含蓝图之后添加以下CSS代码来覆盖css:

a:link:after, a:visited:after {
  font-size:90%;
  content: none;
}

我不确定最后一部分,但你可以尝试一下。

答案 1 :(得分:1)

我遇到了同样的问题,尝试将以下行添加到 config / environments / production.rb

config.assets.precompile += [ "blueprint/*.css" ]

此步骤在5.4.3 Deploying to production with Blueprint;)

部分中介绍