如何在Jade表数据元素中使用内联CSS?

时间:2017-05-29 10:16:44

标签: css node.js pug

如何在玉石中将表格数据元素设置为特定的字体颜色? td将从DB中获取和呈现数据。

table.table.table-striped#dashboardTable(style="width:100%")
          thead
            tr 
              th(style='width:15px') Account#
              th(style='width:65px') AccountNickName 
              th(style='width:5px') AccountOwner
          tbody
            for each in usersDocs
              tr
              span(style='color:orange')
                td #{each._id}
              td #{each.email}
              td #{each.firstName}

style=color:orange无效。它一旦刷新页面就会开始工作,但会恢复为黑色,这是我 styles.css 文件中的默认链接颜色。

1 个答案:

答案 0 :(得分:0)

对你有帮助

  table.table.table-striped#dashboardTable(style="width:100%")
      thead
        tr 
          th(style='width:15px') Account#
          th(style='width:65px') AccountNickName 
          th(style='width:5px') AccountOwner
      tbody
        for each in usersDocs
          tr.tabledata(style='color:red')  <!--here you can specify your color code or class name-->           
            td
              span(style='color:orange') #{each._id}
            td #{each.email}
            td #{each.firstName}