用 html.erb 添加樣式的具體方法？

Question

如答案所示，已更新 css 和 html，但不幸的是，樣式信息仍未傳遞給 td。 class 被定義為限制但沒有樣式。

在一些非常基本的事情上遇到了一些麻煩。

HTML

     <%= stylesheet_link_tag "test.css" %>
</head>
<body>

    <table class="results">
        <% @result.each do |object|%>
        <tr>
            <td class="limit"> <%= object%> </td>
        </tr>

        <%end%>
    </table>

</body>

CSS
table.results
{
    width: 100%;
    border: .2em ridge #000000;
}
td.limit
{
    width:50%;
    background-color: #fff000;
    border: .2em ridge #0f0f0f;
}

在生成的 output 中。 在 ruby 循環之外定義了 class 的表的所有樣式屬性都包含在內。

然而，ruby for.each 循環內的 TD 沒有。 是否有一些特定的方法可以將 class 添加到 Ruby 中的 HTML 元素中？

output html 表按要求

<!DOCTYPE html>
<html>
<head>
  <title>Crawler</title>
  <link href="/stylesheets/globalStyleSheet.css?1312383253" media="screen" rel="stylesheet" type="text/css" />
<link href="/stylesheets/jquery.inputlimiter.1.0.css?1312464674" media="screen" rel="stylesheet" type="text/css" />
<link href="/stylesheets/test.css?1313055311" media="screen" rel="stylesheet" type="text/css" />
  <script src="/javascripts/prototype.js" type="text/javascript"></script>
<script src="/javascripts/effects.js" type="text/javascript"></script>
<script src="/javascripts/dragdrop.js" type="text/javascript"></script>

<script src="/javascripts/controls.js" type="text/javascript"></script>
<script src="/javascripts/rails.js" type="text/javascript"></script>
  <meta name="csrf-param" content="authenticity_token"/>
<meta name="csrf-token" content="fQ/oa3q+Aq68GZenV26YuwPjDgbijTeuO3VJihtYHI8="/>
</head>
<body>

<html>
    <head>

         <link href="/stylesheets/test.css?1313055311" media="screen" rel="stylesheet" type="text/css" />
    </head>

    <body>

        <table class="results">
            <tr id="test-tr">
                <td class="limit"> blag blah </td>
            </tr>

            <tr >
                <td class="limit"> testing 45 </td>

            </tr>

            <tr >
                <td class="limit"> testing</td>
            </tr>

        </table>

    </body>
</html>


</body>
</html>

Answer 1

您在td的 CSS 的background-color屬性之后缺少一個分號。 這將淘汰background-color和border屬性。

您可能希望利用W3C CSS 驗證服務對您的 CSS 進行基本的完整性檢查。 在你的情況下，它說：

td.limit 值錯誤：背景顏色嘗試在屬性名稱前查找分號。 添加它

...我承認，這有點神秘，但至少是指向您的問題的合理指針。

Answer 2

這根本與 Ruby 或 Rails 無關。

您在class和="limit"之間有額外的空間

<td class ="limit"> <%= object%> </td>
#=> should be
<td class="limit"><%= object %></td>

用 html.erb 添加樣式的具體方法？

問題描述

2 個解決方案

解決方案1
1 2011-08-11 09:52:45

解決方案2
0 2011-08-11 09:47:04

用 html.erb 添加樣式的具體方法？

問題描述

2 個解決方案

解決方案1 1 2011-08-11 09:52:45

解決方案2 0 2011-08-11 09:47:04

解決方案1
1 2011-08-11 09:52:45

解決方案2
0 2011-08-11 09:47:04