使用html.erb添加样式的具体方式？_Html_Ruby On Rails_Css_Ruby_Dynamic

使用html.erb添加样式的具体方式？

html ruby-on-rails css ruby dynamic

使用html.erb添加样式的具体方式？,html,ruby-on-rails,css,ruby,dynamic,Html,Ruby On Rails,Css,Ruby,Dynamic,如答案所示，我们已经更新了css和html，但不幸的是，样式信息仍然没有传递给td。该类定义为限制，但没有样式 <%= stylesheet_link_tag "test.css" %> </head> <body> <table class="results"> <% @result.each do |object|%> <tr> <td c

如答案所示，我们已经更新了css和html，但不幸的是，样式信息仍然没有传递给td。该类定义为限制，但没有样式

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

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

        <%end%>
    </table>

</body>

在一些非常基本的事情上有困难

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

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

        <%end%>
    </table>

</body>

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>

在生成的输出中。在ruby循环外部定义了类的表包含了所有样式属性

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

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

        <%end%>
    </table>

</body>

但是，ruby for.each循环中的TD不存在。在Ruby中是否有特定的方法向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>

根据请求输出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>

<!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>


爬虫
废话
测试45
测试

这与Ruby或Rails无关

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

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

        <%end%>
    </table>

</body>

您在

类

和

=“limit”

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

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

        <%end%>
    </table>

</body>


#=>应该是

您的

td

的CSS中的

背景色

属性后缺少分号。这将同时删除

背景色

和

边框

属性

     <%= 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基本健全性检查的。在你的情况下，它说：

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

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

        <%end%>
    </table>

</body>

td.limit Value错误：背景色试图在属性名称前找到分号。加上

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

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

        <%end%>
    </table>

</body>

…我承认这有点神秘，但至少是你的问题的合理指针。

“等号周围允许有空格。”--。虽然我不知道这是否适用于每个DOCTYPE。好的，我已经稍微更新了这个问题。不幸的是，td仍然没有得到任何传递给它的样式信息。类在那里，但没有样式。我想我们需要查看生成的HTML表。我已经举了一个例子，我认为你生成的HTML可能会是什么样子，以及我对你的CSS的修正，它似乎工作得很好。这里需要注意的重要一点是，Ruby在样式方面并不重要，除非它生成了错误的HTML——问题在于生成的HTML（查看页面源代码）和应用于此的CSS。@fl00r有点奇怪。底部有两个额外的结束正文和html标记，但我没有把它们放在那里，正如@fl00r所说的，显示生成的html。并确保生成到样式表的链接也是正确的——生成的

链接的href
属性是否指向正确的位置？@Matt Gibson。我已经显示了生成的html。它肯定会发现样式表很好，因为表的样式正在进行，并且它有一个边框。内部td或tr没有。你能将sylesheet链接移动到文档的真实
，而不是在你体内出现第二个非法？这至少可以消除造成一些混乱的原因。另外，您所包含的其他样式表（例如/globalStyleSheet.css？1312383253）是做什么的？他们是否也在应用表格样式，也许更重要？考虑到您提供的HTML和CSS，肯定有其他东西在干扰。。这种风格在Safari和Firefox中似乎很适合我，即背景是黄色，单元格有边框。
     <%= stylesheet_link_tag "test.css" %>
</head>
<body>

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

        <%end%>
    </table>

</body>