【问题标题】:foundation wrong css in links链接中的基础错误CSS
【发布时间】:2015-10-12 19:41:50
【问题描述】:

我刚从foundation开始,我已经通过gem在我的RoR应用程序中安装了foundation,所以我选择了Orbit home模板并手动安装。

问题是页脚上的链接不会像轨道主页示例那样显示(一个简单的白蓝色链接,在悬停时会变暗)。 我的黑色字体和悬停字体的页脚显示链接变成了黑色背景的白色。

我没有更改原始 Foundation CSS 中的任何内容,也没有添加任何其他样式。

如果你想看这里是链接:45.55.21.229(这是我用来尝试和学习的个人网站,所以当你看到它时可能会改变)

基金会改变了什么或者我做错了什么??

PS: li 项前面带有点标记(list-style-type: circle)。基金会不会删除这个?

这是我的应用程序的负责人:

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title><%= content_for?(:title) ? yield(:title) : "minha torta" %></title>

    <%= stylesheet_link_tag    "application" %>
    <%= javascript_include_tag "vendor/modernizr" %>
    <%= javascript_include_tag "application", 'data-turbolinks-track' => true %>
    <%= csrf_meta_tags %>
</head>

【问题讨论】:

  • 嗨,Icaro,您现在应该知道,您确实需要在问题中添加代码,而不仅仅是链接到外部站点。请这样做,以免您的问题因离题而被关闭!
  • 我知道,但是我使用的代码是默认的基础文件,没有任何更改,而且它们对于我发布的所有内容来说都非常大。但是我可以把我的应用程序页面放在头上,也许会有用,谢谢。

标签: ruby-on-rails ruby-on-rails-4 sass zurb-foundation


【解决方案1】:

显然,你使用了rails scaffolding命令,它会生成css

从您的项目中删除 app/assets/stylesheets/scaffolds.css.scss 文件

【讨论】:

  • 谢谢!!这确实有效,我知道这是一个新手问题,但我无法确定脚手架默认 CSS 与基础冲突。
  • 不用担心,遇到了同样的问题,我花了很多时间才弄清楚出了什么问题
  • 关于列表基础不会将 ist-style-type: circle 更改为 ist-style-type: none?
  • 在你的风格中加入ul li { list-style-type: none; },如果不起作用,使用body ul li { list-style-type: none; }
猜你喜欢
  • 1970-01-01
  • 2013-12-30
  • 1970-01-01
  • 1970-01-01
  • 2015-06-01
  • 2018-03-29
  • 2019-03-01
  • 2016-07-14
  • 1970-01-01
相关资源
最近更新 更多