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错误，它就会停止处理工作表，因此在应用之后也没有任何内容。这就是为什么你的风格都不起作用的原因。

可以使用此类nested语法，但您必须使用类似SASS

的内容

http://sass-lang.com/

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

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

Answer 2

是否可以通过echo语句中的类调用td？

echo "<tr><td ***CLASS=“TEST”*** data-th='Movie Title'>" . $row['id'] . "</td><td data-th='Genre'>" . $row['username'] . "</td><td data-th='Year'>" . $row['first_name'] . "</td><td

然后您将通过TEST属性从CSS文件中调用信息。

使用css在php /样式中分配类

2 个答案: