Php 使用CSS设置链接样式

Php 使用CSS设置链接样式,php,css,joomla,Php,Css,Joomla,.嗨,伙计们,我对菜单栏的样式设计有点问题。我有以下代码: #can_header { width:1024px; height:140px; background-color:#8D96A8; } #can_header ul{ list-style-type:none; margin: 0; padding: 110px 0 0 550px; font-family: adolph; text-transform: upperc

.嗨,伙计们,我对菜单栏的样式设计有点问题。我有以下代码:

#can_header {
    width:1024px;
    height:140px;
    background-color:#8D96A8;
}
#can_header ul{
    list-style-type:none;
    margin: 0;
    padding: 110px 0 0 550px;
    font-family: adolph;
    text-transform: uppercase;
    font-size: 1em;
}
#can_header li{
    display:inline-block;
    line-height: 15px;
    border-right: 2px solid #CCC;
}
#can_header li#item-104{
    border-right: none; 
}
#can_header ul a:visited{
    color:#CCC;
    text-decoration:none;
    margin-right:15px;
    margin-left:15px;
}
#can_header ul a:link{
    color:#CCC;
    text-decoration:none;
    margin-right:15px;
    margin-left:15px;
}
#can_header ul a:hover{
    color:#EB1886;
}
#can_header ul a:active{
    color:#FFFFFF;
}
我想做的是,当我点击我的ul上的链接之一时,所选链接的颜色将在链接页面上永久改变。使用我的当前代码,链接的颜色仅在单击时更改。。但是当页面更改时,颜色将恢复正常。蒂亚!更多的力量


。顺便说一句,我使用的是Joomla,我只是在编辑我制作的模板的CSS。

恐怕你想要做的仅仅是CSS是不可能的。您可以创建一个css类来指示菜单中的某个项目已被选中,并使用javascript或服务器端将该类指定给li元素当您呈现模板时

您不能仅使用css来完成此操作,您需要向所选链接添加一些类(即
class=“selected”
)使用Javascript或PHP


然后,您可以为带有类
的链接添加样式规则。选中的

您应该根据请求的页面以编程方式将css类添加到子对象中

php的一个示例:

function GetFileName()
{
    $currentFile = basename($_SERVER["PHP_SELF"]);
    $parts = Explode('.', $currentFile);
    return $parts[0];
}
$basename = GetFileName();

<li>
    <a href="index.php" <?php if($basename =="index") echo "class='current'"; ?>>Home</a>
</li>
<li>
    <a href="about.php" <?php if($basename =="about") echo "class='current'"; ?>>About</a>
</li>
函数GetFileName() { $currentFile=basename($_SERVER[“PHP_SELF”]); $parts=分解('.',$currentFile); 返回$parts[0]; } $basename=GetFileName();

  • 他们的权利你不能单凭CSS就做到这一点。您可以使用:active并在单击文本时更改文本颜色或其他任何内容(也称为onmousedown),但不能将其更改为蓝色+单击=红色


    JQuery应该能够帮助您完成这项工作。

    这将由您用来显示菜单的菜单模块处理。大多数模块都可以选择打开活动突出显示,这基本上就是每个人都在谈论的事情,在活动菜单项中添加一个CSS类。很可能你所需要做的就是打开活动高亮显示并添加适当的CSS

    另外,我注意到您正在使用itemID关闭其中一个菜单项中的右边框。您最好使用:lastchild psuedo选择器,以防更改菜单项的顺序或删除最后选择的菜单项


    #can#header li#item-104
    代替
    #can#header li:last child

    有人对这个答案投了反对票?我真想知道为什么?