Html CSS ID和带有Haml的嵌套标记

我的CSS文件中有以下代码，但不起作用

#home table th td {
  border:1px solid black;
  padding:2px;
}

在我的index.haml文件中，我有：

%div{:id => "home"}
  %table
    %tr
      %th
        Your Account
    %tr
      %td
        #{link_to 'View my profile', @profile}
        %br
        #{link_to 'Edit my profile', edit_profile_path(@profile)}
        %br
        #{link_to 'Logout', :controller => 'admin', :action => 'logout'}

这就创建了这个页面源（我知道，是多余的，但只是为了彻底了解）：

看起来不错

---

与此版本相比，以前的CSS代码有什么问题？我应该如何正确地将这些标签折叠成单个ID？

以下是您可以使用的问题

对于标题：

#home table tr th {
  border:1px solid black;
  padding:2px;
}

对于表格单元格：

#home table tr td {
  border:1px solid black;
  padding:2px;
}

有关更多详细信息，请查看：

#home table tr th {
  border:1px solid black;
  padding:2px;
}

#home table tr td {
  border:1px solid black;
  padding:2px;
}