【问题标题】:All tr in table are even表中的所有 tr 都是偶数
【发布时间】:2017-06-01 11:14:12
【问题描述】:

我的麻烦是:我表中的所有行都是偶数! 我在 Jade mixin 中创建行,代码如下:

mixin add_table_rows(books, rows)
- for (var i=0; i < rows; i++) {
  tr
    td
    - each obj in books[i] 
      td= obj
    td
      button.table-button.edit    edit
      button.table-button.delete  delete
-}

table.books-list 
 tr
 -for object in tableHeaders 
  th= object
 +add_table_rows(books, rows_count)

所以当我使用下一个 css 代码时,所有行都在 #111 中着色

  .books-list tr:nth-child(even) {
  background-color: #111;
  }

  .books-list tr:nth-child(odd) {
  background-color: #f2b910;
  }

【问题讨论】:

  • 生成的 HTML 结构是什么样的?
  • 我不知道...我怎么看?我可以截图,表格是我需要的,但是这个问题
  • 您可以在浏览器中查看表格对吗?只需右键单击并选择“查看页面源”。如果你想调试任何东西,你应该知道代码的结果......
  • 真的,每一个 1st tr 都是空的!会在循环中查找错误

标签: css pug


【解决方案1】:

此代码中存在错误,一个 tr 是多余的,代码必须如下所示

  table.books-list 

  -for object in tableHeaders 
   th= object
  +add_table_rows(books, rows_count)

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2018-01-05
    • 1970-01-01
    • 2021-11-08
    • 2022-12-23
    • 1970-01-01
    • 2012-10-01
    • 2023-02-05
    • 2017-03-25
    相关资源
    最近更新 更多