无法应用 CSS 样式答案

【问题标题】：Cant apply CSS style无法应用 CSS 样式
【发布时间】：2018-09-17 12:35:03
【问题描述】：

我一直在尝试通过 css 样式表增加 TH 标签的字体大小：

th {
    color:#D5DDE5;
    background:#1b1e24;
    border-bottom:4px solid #9ea7af;
    border-right: 1px solid #343a45;
    font-size:23px;
    font-weight: 100;
    padding:24px;
    text-align:left;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    vertical-align:middle;
  }

以下代码：

<?php
include ('connect-mysql.php');

$sqlget="SELECT * FROM data ORDER BY score desc LIMIT 10";
$sqldata= mysqli_query($conn, $sqlget);

echo "<table width='1500'>";
echo "<tr>";
echo "<th>Position</th>";
echo "<th>First Name</th>";
echo "<th>Last Name</th>";
echo "<th>Score</th>";
echo "</tr>";
$counter = 1;
while($row = mysqli_fetch_array($sqldata, MYSQLI_ASSOC)) {
    echo "<tr><td width='5%'>";
    echo "<b>".$counter."</b>";
    echo "</td><td>";
    echo "<div style='font-size:40px'>";
    echo "<b>".$row['firstName']."</b>";
    echo "</div>";
    echo "</td><td>";
    echo "<div style='font-size:40px'>";
    echo "<b>".$row['lastName']."</b>";
    echo "</div>";
    echo "</td><td width='20%'>";
    echo "<b>".$row['score']."</b>";
    echo "</td></tr>";
    $counter++;
    }
echo "</table>";
?>

如您所见，我一直在使用内联 css 样式，因为外部样式表似乎卡住了，我想增加 TH 标签的字体大小，但更改“font-size:23px”时没有响应

我做错了什么？

【问题讨论】：

你清除缓存了吗？
检查 Chrome 中的元素并单击“计算”选项卡以查看哪个属性负责设置该元素的字体大小。
不要使用!important，除非这是唯一的方法，这可能不是这里的情况。未来你会感恩。实际上它可能是另一个!important标签在这里搞砸了。
尝试向标签添加 ID 或类以增加 CSS 特异性w3schools.com/css/css_specificity.asp

标签： php html css

【解决方案1】：

尝试在浏览器开发面板中更改字体大小。

它会告诉你是否有其他 css 指令覆盖你的（或任何其他原因）。

【讨论】：

【解决方案2】：

感谢您的帮助，我设法通过 kunals 帮助使其正常工作。

echo "<th style='font-size:2.0em'>Position</th>";

在 th 标签内使用 "" 而不是 '' 会导致我的 php 错误。使用 px 会导致格式问题，所以我使用了 em

我仍然想知道为什么我的 CSS 样式表不起作用：/

【讨论】：

您需要在 php 脚本字符串中使用 \ -> \" 转义 "。否则 PHP 会认为你以你不想要的下一个 " 结束字符串。
echo "<th style=\"font-size:2.0em\">Position</th>";

【解决方案3】：

把它变成这样，你就完成了......

echo "<table width='1500'>";
echo "<tr>";
echo "<th style="font-size:23px;">Position</th>";
echo "<th style="font-size:23px;">First Name</th>";
echo "<th style="font-size:23px;">Last Name</th>";
echo "<th style="font-size:23px;">Score</th>";
echo "</tr>";

将内联 css 添加到标签...

【讨论】：

如果 OP 想要为另一个 TH 设置这样的样式，那么他/她将不得不重写所有这些 CSS 代码。最好将 CSS 与 HTML 分开。
这不是一个好的解决方案。另外，至少要转义字符。
要么转义双引号，要么使用单引号 echo '<th style="font-size:23px;">Position</th>'; 等...