css slim html tr.表中的第一个子项

Question

在此输入链接描述我在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类内联文件。如果你有css文件，你可以添加如下css文件的引用-

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