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

【问题标题】：Assigning classes within php / styling with css在 php / 样式中使用 css 分配类
【发布时间】：2018-05-08 21:31:20
【问题描述】：

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

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 以我的情况。请帮忙。

【问题讨论】：

你不能嵌套CSS，除非你使用像SAS这样的东西，所以你的tr不能像这样嵌套，它必须是.rwd-table tr{ ... }.rwd-table td{ ... }等等。SAS是引导库的解析器库。所以这比我想进入sass-lang.com

标签： php html css mysql sql

【解决方案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。

我个人真的希望开箱即用！

【讨论】：

但是如果你检查我提供的链接，他们使用嵌套的 css 语句？
如果你点击齿轮（在 CSS 框的顶部），他们正在使用 SCSS，每个处理器的 CSS。它还在 CSS (SCSS) 标题旁边说明了这一点。我从未使用过那个，但我确信它与 SASS 相似。无论如何，您应该能够按照我上面概述的正常方式将它们放入您的工作表中。

【解决方案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 文件中的信息。

【讨论】：