css slim html表tr中的第一个孩子

Question

enter link description here我在rails 中使用slim html。我需要更改 tr 中第一个 td 的背景颜色。我的代码不能在 slim 中工作，但可以在普通的 html 文件中工作。代码如下：

td:first-child {
  border: 1px solid black;
  background: #20124D;
  color: #FFFFFF;
}

Answer 1

你可以像下面这样在 slim 中定义你的 css 内联，或者当然你可以创建一个新的 .css 文件，并可以在你的 slim 模板文件中添加 css 文件的引用。

html
  head
    style
      |  table { border: 1px solid black; } td { border: 1px solid black; } td:first-child { border: 1px solid black; background: #20124D; color: #FFFFFF; } 
    title
      | Enter Your Code Here
  body
    p
      | Yahoo

这就是您定义 css 类内联文件的方式。如果你有 cssfile，你可以添加 css 文件的引用，如下所示 -

html
  head
    style
      |  link rel="stylesheet" media="screen, projection" href="/styles.css"
    title
      | Enter Your Code Here
  body
    p
      | Yahoo