Fatal编程技术网
  • html/
  • Html CSS a.active不工作

Html CSS a.active不工作

html css

Html CSS a.active不工作,html,css,Html,Css,我在页面顶部有一个导航栏，活动页面应该有另一种背景色。我现在有颜色和红色，所以很明显。但是页面上没有红色 我的HTML： <body> <ul> <li class="<?= ($activePage == 'index') ? 'active':''; ?>"><a href="index.php">Login</a></li> <li class="<?= ($activePage ==

我在页面顶部有一个导航栏，活动页面应该有另一种背景色。我现在有颜色和红色，所以很明显。但是页面上没有红色

我的HTML：

<body>

<ul>
  <li class="<?= ($activePage == 'index') ? 'active':''; ?>"><a href="index.php">Login</a></li>
  <li class="<?= ($activePage == 'Login') ? 'active':''; ?>"><a href="Login.php">Profil</a></li>
  <li class="<?= ($activePage == 'Profilchange') ? 'active':''; ?>"><a href="Profilchange.php">Profil bearbeiten</a></li>
  <li class="<?= ($activePage == $Profilkennungbasename) ? 'active':''; ?>"><a href='http://localhost/PHPOrdner/Login/<?php echo $Profilerow; ?>'>öffentliches Profil</a></li>
  <li style="float:right;" class="<?= ($activePage == 'Logout') ? 'active':''; ?>"><a style="background-color:#002b80" href="Logout.php">Ausloggen</a></li>
</ul>
<br>



    

    您将在
    li
    元素上添加
    active
    类，而不是在
    a
    上，因此选择器应该是
    

    li.active a {
  /* styles goes here */
}

    
在上面的选择器中，我选择
    li
    元素，该元素的
    类
    为
    active
    ，然后我们选择嵌套在此
    li中的
    a
    

    
我在代码中看到的另一件事是，您正在使用内联样式，如
    style=“background color:#002b80”
    ，因此，如果您要使用内联样式，它们将覆盖您的CSS规则声明，因为内联样式是最具体的
    
您需要使用
    覆盖它们！重要信息
    ，或者您需要将它们移动到
    类
    ，并将
    类
    附加到相应的元素中
    
因此，避免使用内联样式
    

    

    li.active a {
  /* styles goes here */
}