样式表错误 – Ruby on Rails新手
我目前正在通过“使用Rails进行敏捷Web开发”来学习ruby，我遇到了一个我无法修复的错误。 到目前为止，我只做了一些基本的操作。 我创建了一个脚手架，其命令类似于：
rails generate scaffold Product title:string description:text image_url:string price:decimal 然后我倾斜说：
rake db:migrate
运行之后，我进入了db / seeds.db文件并使用以下数据填充了这个新创建的表：
Product.delete_all Product.create(:title => 'Web Design for Developers', :description => %{ Web Design for Developers will show you how to make your web-based application look professionally designed. We'll help you learn how to pick the right colors and fonts, avoid costly interface and accessibility mistakes -- your application will really come alive. We'll also walk you through some common Photoshop and CSS techniques and work through a web site redesign, taking a new design from concept all the way to implementation.
}, :image_url => '/images/rails.png', :price => 42.95) # . . . Product.create(:title => 'Programming Ruby 1.9', :description => %{ Ruby is the fastest growing and most exciting dynamic language out there. If you need to get working programs delivered fast, you should add Ruby to your toolbox.
}, :image_url => '/images/rails.png', :price => 49.50) # . . . Product.create(:title => 'Rails Test Prescriptions', :description => %{ Rails Test Prescriptions is a comprehensive guide to testing Rails applications, covering Test-Driven Development from both a theoretical perspective (why to test) and from a practical perspective (how to test effectively). It covers the core Rails testing tools and procedures for Rails 2 and Rails 3, and introduces popular add-ons, including Cucumber, Shoulda, Machinist, Mocha, and Rcov.
}, :image_url => '/images/rails.png', :price => 43.75)
我再一次对这些数据进行了调整：
rake db:seed
在这一切都完成之后，我加载了localhost：3000 /产品，一切正常。 但是，本书想要添加一些css代码，以使事情看起来更好一些。 一旦我添加了CSS（就像书中的那样），当我加载localhost：3000 / products（错误： http ： //postimage.org/image/3qfpta4w7/ ）时出现错误。 我认为我的错误与我的css有关，但我不知道该怎么办。 这是我的css：
.products { table { border-collapse: collapse; } table tr td { padding: 5px; vertical-align: top; } .list_image { width: 60px; height: 70px; } .list_description { width: 60%; dl { margin: 0; } dt { color: #244; font-weight: bold; font-size: larger; } dd { margin: 0; } } .list_actions { font-size: x-small; text-align: right; padding-left: 1em; } .list_line_even { background: #e0f8f8; } .list_line_odd { background: #f8b0f8; } }
我尝试过改变一些事情，但现在已经取得了成功。 任何和所有输入都将不胜感激。 （PS奖励积分用于命名您喜爱的导轨书籍以供学习）。
检查以下内容
.products { table { border-collapse: collapse; } table tr td { padding: 5px; vertical-align: top; } .list_image { width: 60px; height: 70px; } .list_description { width: 60%; dl { margin: 0; } dt { color: #244; font-weight: bold; font-size: larger; } dd { margin: 0; } } .list_actions { font-size: x-small; text-align: right; padding-left: 1em; } .list_line_even { background: #e0f8f8; } .list_line_odd { background: #f8b0f8; } }