CSS苗条的HTML表tr中的第一个孩子

时间:2018-11-29 05:43:18

标签: css slim

docs我正在导轨中使用超薄html。我需要在tr中的第一个td更改背景颜色。我的代码无法在苗条的环境下工作,但可以在普通的html文件中工作。代码如下:

{{1}}

1 个答案:

答案 0 :(得分:0)

您可以像下面这样以苗条的方式定义css内联,或者可以创建一个新的.css文件,并可以在苗条模板文件中添加css文件的引用。

$(".addtocart").click(function(e){
const style = $(e.currentTarget).find('.done').attr('style');
if(style == undefined || style == 'transform:translate(-110%) skew(-40deg)'){
    $(e.currentTarget).find('.done').attr('style','transform:translate(0px)')
} else{
    $(e.currentTarget).find('.done').attr('style','transform:translate(-110%) skew(-40deg)')
}

});

这是定义CSS类内联文件的方式。如果您有cssfile,则可以添加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