Question

我一直试图通过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'时没有响应

我在做什么错了？

Answer 1

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

它将显示是否有其他css指令覆盖您的css指令（或任何其他原因）。

Answer 2

为此，我设法使用kunals帮助使其正常工作。

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

在th标签内使用“”代替“”会导致php错误。使用px会导致格式问题，所以我使用了em

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

Answer 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添加到标签中...

无法应用CSS样式

3 个答案: