0

我想更改活动文本的颜色..以便用户知道他使用的是哪个页面....例如，我们有 2 个 HOME 和 ABOUT 页​​面的超链接..当我点击 HOME 链接时我想要它的颜色变化（即绿色）和其他菜单项如关于将保持默认颜色（即红色）..当我点击关于菜单时，它的文本应该改变（即绿色）并且 ASLO HOME 菜单将保持其默认颜色（即红色），我想要这个在wordpress的侧边栏（带有文本插件/小部件），我提供了2个不同页面的超链接，所以如果它获得HTML和CSS代码或任何其他建议会更好希望你们会了解我的问题，提前感谢您帮助我，将等待积极的回应谢谢

4

2 回答 2

2

查看 CSS 选择器:active、:hover、:link和:visited.

  • :active选择并设置活动链接的样式
  • :hover选择并设置用户悬停在其上的链接的样式
  • :link选择未访问过的链接并为其设置样式
  • :visited选择并设置已访问链接的样式

:hover选择器必须覆盖在:linkand:visited选择器之后。此外，:active选择器必须在:hover选择器之后。

你会像这样使用这些：

a:link {
    color: red;
}

a:visited {
    color: green;
}

a:hover {
    color: blue;
}

a:active {
    color: yellow;
}

查看这篇文章：http ://www.w3schools.com/css/css_link.asp

于 2013-08-22T22:27:50.433 回答
0

我不确定它是如何在 Wordpress 中完成的，但一般来说，当您必须使用 php 时，您可以这样做包括：

对于每个页面，您定义一个包含页面名称的变量，例如，在 about 页面中，您定义类似

<?php $page = "about"; ?>

在主页中，您将拥有

<?php $page = "home"; ?>

然后在导航中检查$page值是什么并为链接回显“活动”类名称。我希望这能解释它：

<li><a href="home.php" class="<?php $page == "home" ? "active" : "" ?>">Home</a></li>
<li><a href="about.php" class="<?php $page == "about" ? "active" : "" ?>">About</a></li>

它的作用是：它检查$page页面中声明的变量的值，如果值匹配，则将“活动”类添加到锚标记，否则将类名留空。

然后在您的 CSS 中，您将拥有该类的样式，.active例如：

.active{ color: green; }

关键是您需要确保“当前”页面的锚点有一个类（通常是“活动”或“当前”类，但您可以随意命名），然后使用 php 检查名称我上面提到的页面，然后将该类名称添加到锚点（或列表项，无论对您有用）。

我不确定你会如何在 Wordpress 中进行，但也许你可以使用上述技术并以某种方式对其进行自定义以满足你的需要。（就像如果它是您制作的自定义小部件，您可以使用它）

希望有帮助。

于 2013-08-23T06:41:28.990 回答