Question

我在尝试在css文件中设置php变量时遇到了很多麻烦。我正在编写一个简单的练习型网站，但我很难做什么。我已经建立了一个登录系统，我希望用户的用户名每次登录时都会出现在角落里。这是我的代码

<!--header.php-->
<header>
    <nav>
        <div class="mainWrapper">
            <ul>
                <li><a href="index.php">Home</a></li>
                <li><a href="forum.php">Forums</a></li>
            </ul>
            <div class="navLogin">
                <?php
                    if (isset($_SESSION['u_id'])) {
                        echo '<p class="navUsername">'.$_SESSION['u_uid'].'</p><form action="Includes/logout.inc.php" method="POST">
                    <button type="submit" name="submit">Logout</button>
                </form>';
                    } else {
                        echo '<form method="POST" action="Includes/login.inc.php">
                    <input type="text" name="uid" placeholder="Username/Email">
                    <input type="password" name="pwd" placeholder="Password">
                    <button type="submit" name="submit">Sign In</button>
                </form><a href="Includes/signup.inc.php">Sign Up</a>';
                    };
                ?>

            </div>              
        </div>
    </nav>
</header>

现在是css：

.navUsername {
font-size: 100px;}

我已经在网上进行了研究，他们说把css放在一个php文件中，但在他们的例子中，他们使用变量作为参数而不是为变量本身设置样式。

Answer 1

您的代码中实际上没有包含.navUsername类的元素。我假设您正试图定位<input type="text" name="uid" placeholder="Username/Email">。

您可以使用name attribute selector：

定位此元素

input[name="uid"] {
  color: red;
}

<input type="text" name="uid" placeholder="Username/Email">

希望这有帮助！：）

Answer 2

我假设这是你想要风格的元素：

echo '<p class="navUsername">'.$_SESSION['u_uid'].'</p>

名称是否实际出现，并且没有被设计，或者名称根本没有出现？

如果名称出现： 将CSS更改为：

p.navUsername {
  font-size: 100px;
}

如果名称未显示： 是否已使用

在此页面上启动了php会话

<?php session_start(); ?>

使用<p>标签在css中设置php变量的样式

2 个答案: