更改当前选定li的css
我有这个菜单:更改当前选定li的css,css,Css,我有这个菜单: <div id="menu-home"> <ul> <li> a </li> </ul> </div> 但是它不起作用 谢谢对于 相反,您可以使用PHP来实现 <div id="menu-home"> <ul> <li <?php if (page is current page) echo ' class="
<div id="menu-home">
<ul>
<li> a </li>
</ul>
</div>
但是它不起作用
谢谢对于
相反,您可以使用PHP来实现
<div id="menu-home">
<ul>
<li <?php if (page is current page) echo ' class="active"';?>> a </li>
</ul>
</div>
元素没有活动状态,因为它只是一个(无状态)要点。选择器:active
只能在链接上使用;可以找到一个例子
但是,:active
仅在单击链接时高亮显示该链接。之后,它将执行设置为执行的任何操作和/或导航,然后将访问该链接。从那时起,您无法将它与当前未查看的其他已访问页面区分开来,并且即使您导航到另一个页面,它也不会再次变为“未访问”。所以这不是你想要的
相反,我将在CSS中创建一个类.active
,您可以在其中定义所有自定义样式。然后,生成页面的PHP需要注意在所选菜单项上正确设置类,即:在生成菜单时,将其附加到或
(是的,请参见Praveen对代码的回答^)向活动li
元素添加一个类。您可以通过jquery为当前活动链接的li指定一个类或样式。似乎我在键入“慢”)嘿,谢谢:)我试过这个。。但是我犯了一些错误。。你能检查一下吗?echo“”;伙计,说真的?我让你写函数!替换页面为当前页面
!!!我知道我的问题很愚蠢,但我不知道怎么做!我的意思是用什么替换它?你如何区分你的页面?
<div id="menu-home">
<ul>
<li <?php if (page is current page) echo ' class="active"';?>> a </li>
</ul>
</div>