css - 样式不适用于我的表格单元格

Question

每个表格行都填充了每个事件:

- @events.each do |event|
    %tr
      %td= event.name
      %td= event.description
      %td= event.date 

我希望能够仅更改一个表格单元格 (event.description) 的文本对齐方式，我想使用 CSS 来完成此操作，但如果我尝试:

td {
  text-align: center;
}

这将对所有单元格执行此操作，而不仅仅是一个单元格。所以我尝试将那个单元格放入包装器中:

- @events.each do |event|
    %tr
      %td= event.name
      #wrapper
        %td= event.description
      %td= event.date 

CSS:

#wrapper {
  text-align: center;
}

但没有任何改变。

Answer 1

不是将它放在包装器中，而是简单地为 元素提供 #wrapper 标记。

%td#wrapper= event.description