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
有人对这个答案投了反对票?我真想知道为什么?