如何在PHP文件中修改段落样式 解决CSS引入不生效问题

你的代码存在三个直接导致样式失效的问题，逐个修正即可实现修改producten段落字体大小的需求：

• <link>样式引入标签位置错误：你把HTML的link标签直接插在了<?php ?>的执行逻辑中间，PHP解析时不会把这行内容正常输出到前端页面，浏览器根本无法请求到你的CSS文件。link标签必须放到HTML文档的<head>区域内，不能混写在PHP业务逻辑行之间。
• 类名拼写错误：你要控制样式的段落对应类名是producten，但代码里写成了pruducten，拼写错误导致CSS选择器完全匹配不到对应元素。
• 缺失基础HTML文档结构：整个文件没有声明DOCTYPE、html、head、body这些基础结构，浏览器怪异渲染模式下很容易出现样式加载、解析异常。

修复后的PHP文件代码 #

<?php
// 所有PHP业务逻辑统一放在最前，不要混写HTML标签在执行逻辑中
include('DatabaseConnector.php');
$database = new DatabaseConnector("test", "root", "");

$email = $database->selectValue("SELECT emailadres FROM klant WHERE naam = 'Bibiche' AND achternaam = 'Laarakkers'");
$productInfo = $database->selectSingleRow("SELECT gewicht, prijs, calorieen FROM product WHERE naam = 'Sausage Muffin with Egg Whites'");
$producten = $database->selectRows("SELECT naam, prijs FROM product");
?>
<!DOCTYPE html>
<html lang="nl">
<head>
    <meta charset="UTF-8">
    <title>Productlijst</title>
    <!-- 样式引入标签放在head区域，才能被浏览器正常识别加载 -->
    <link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
<body>
    <?php
    echo "Het emailadres van Bibiche Laarakkers is $email.";

    echo "<h2> Sausage Muffin with Egg Whites </h2>";
    echo "<p>Gewicht: " . $productInfo['gewicht'] . "<br>";
    echo "Prijs: " . $productInfo['prijs'] . "<br>";
    echo "Aantal Calorieën: " . $productInfo['calorieen'] . "</p>";

    foreach($producten as $product) {
        // 类名修正为正确的producten，和CSS选择器对应
        echo "<p class='producten'> Product:" . $product['naam'] . "<br>";
        echo "Prijs:" . $product['prijs'] . "</p>";
    }
    ?>
</body>
</html>

对应mystyle.css文件代码 #

/* 匹配正确的类名，设置你需要的字体大小即可 */
.producten {
    font-size: 18px;
}

排查提示：如果改完后样式还是不生效，打开浏览器开发者工具（F12）看网络请求里mystyle.css的加载状态，如果是404说明CSS文件路径写错了，调整href里的路径到CSS文件实际存放位置即可。

内容的提问来源于stack exchange，提问作者Marijn