php - 使用 css 在 php/styling 中分配类

Question

我正在尝试设置从数据库中检索的表格的样式。我目前正在这样回应它:

echo "<table class='rwd-table'>";

echo "<tr><th>ID</th><th>Username</th><th>Name</th><th>Last Name</th></tr>";

    while($row = mysqli_fetch_array($result)){

      echo "<tr><td data-th='Movie Title'>" . $row['id'] . "</td><td data-th='Genre'>" . $row['username'] . "</td>
      <td data-th='Year'>" . $row['first_name'] . "</td><td data-th='Gross'" . $row['last_name'] . "</td></tr>";
    }

echo "</table>";

我的 CSS 是这样的:

.rwd-table {
  ...
  tr {...
  }
  th {...
  }
  td {...
  }
}

.rwd-table {
  ...
}

但 css 似乎并没有影响任何东西。我正在尝试应用这个: https://codepen.io/geoffyuen/pen/FCBEg以我的情况。请帮忙。

Answer 1

只是为了详细说明我在评论中的内容，你不能嵌套 CSS

.rwd-table {
  ...
  tr {...
  }
  th {...
  }
  td {...
  }
}

.rwd-table {
  ...
}

像那样，你必须像这样在他们自己的行上做它们

 .rwd-table tr{
  ...
 }

.rwd-table th{
  ...
 }

.rwd-table td{
  ...
 }

或者，如果它们的样式相似，您可以将它们组合起来。

.rwd-table tr, .rwd-table th, .rwd-table td{
  ... similar styles ...
}

.rwd-table tr{
   ... additional unique styles ...
 }

另外值得注意的是，一旦浏览器遇到这些 CSS 错误，它就会停止处理工作表，因此在应用它之后也不会发生任何事情。这就是为什么您的样式都不起作用的原因。

可以使用这种类型的嵌套语法，但您必须使用类似SASS的东西

http://sass-lang.com/

这是一个 CSS 解析器，有点像模板引擎，它采用 SASS 样式表并预先将其编译为普通 CSS。

就我个人而言，我真的希望开箱即用!