gpt4 book ai didi

WordPress菜单CSS类选项设置方法

转载 作者:qq735679552 更新时间:2022-09-29 22:32:09 38 4
gpt4 key购买 nike

CFSDN坚持开源创造价值,我们致力于搭建一个资源共享平台,让每一个IT人在这里找到属于你的精彩世界.

这篇CFSDN的博客文章WordPress菜单CSS类选项设置方法由作者收集整理,如果你对这篇文章有兴趣,记得点赞哟.

WordPress菜单CSS类选项设置方法:

1、点开WordPress菜单设置页面右上角“显示选项”,勾选里面的菜单高级属性CSS类.

2、打开编辑正在使用的主题CSS文件,这里以WordPress默认Twenty Ten主题为演示,其它主题修改类似,找到菜单项样式语句“#access ul li.current-menu-item > a,”,大约在CSS文件中的第436句左右。我们将其复制并稍微修改一下,创建一条新的样式语句供设置菜单项目调用。如修改新建这么一句“#access ul li.current-menu-item-41> a {color: #ffff66;}”,红色字体为添加部分,你也可以随意取名。将它添加到该样式块段落的最后面,如果位置添加不当,可能会出现无法显示效果或设置菜单链接前面的链接也应用这条样式,具体添加位置如下(Twenty Ten主题示例):

#access ul li.current_page_item > a, #access ul li.current-menu-ancestor > a, #access ul li.current-menu-item > a,//原菜单项样式 #access ul li.current-menu-parent > a {  color: #fff; } #access ul li.current-menu-item-41 > a {color: #ffff66;}//新建菜单项样式添加位置,这条样式设置了链接颜色为#ffff66,你可以随便修改,当然也不限于颜色设置,可以是文字加粗,文字大小等其它CSS设置.

3、上面CSS修改保存后,回到WordPress菜单设置页面,在需要设置的菜单项目CSS类中填入上面新建的current-menu-item-41样式名称保存即可,如下图:

WordPress菜单CSS类选项设置方法

4、完成后显示效果如下图:

WordPress菜单CSS类选项设置方法

最后此篇关于WordPress菜单CSS类选项设置方法的文章就讲到这里了,如果你想了解更多关于WordPress菜单CSS类选项设置方法的内容请搜索CFSDN的文章或继续浏览相关文章,希望大家以后支持我的博客! 。

38 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com