删除 WordPress 导航菜单的多余 CSS 选择器

在默认情况下,WordPress 的导航菜单会输出很多如menu-itemmenu-item-type-taxonomymenu-item-object-category等加上 id 组成的CSS 选择器,无疑,对于一些人来说,这些选择器导致整个html 格式变得难看,看着碍眼的东西最好是将它去掉,下面介绍删除(去除)WordPress 导航菜单的多余 CSS 选择器的方法。

如本站 DeveWork.com 的导航菜单的相关CSS 代码如下:

代码如下,还是加入到主题的functions.php 文件中(代码来源网络,作者未知):

add_filter('nav_menu_css_class' , 'special_nav_class' , 10 , 2); function special_nav_class($classes, $item){ $current_and_home = array("current-menu-item", "menu-item-home", 'last'); $classes = array_intersect($item->classes,$current_and_home); //保留有需要的 class return $classes; } add_filter('nav_menu_item_id' , 'special_nav_item_id' , 10 , 2); function special_nav_item_id($item_id, $item){ $item_id = ""; //去除 id return $item_id; }

之后,HTML 代码应该清爽不少。

该方法只能去除id 属性,class 属性不能去除。说实话,没必要不建议折腾这个。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏前端杂谈

性能优化之reflow和repaint

35780
来自专栏前端真相

css(1)

1 z-index就是网页的z轴,用相对定位绝对定位把两个层重叠在一起,z-index的值越大,就越靠上,注意,z-index没有单位,z-index:99;这...

29290
来自专栏ytkah

微信小程序开发教程第八章:微信小程序分组开发与左滑功能实现

先来看看今天的整体思路: 进入分组管理页面-->点击新建分组新建 进入到未分组页面基本操作 进入到已建分组里面底部菜单栏操作-->从名片夹中添加进行操作。 ? ...

38540
来自专栏前端之路

–vue2.0父子组件及非父子组件间实现通信

13320
来自专栏王磊的博客

react-native多图选择、图片裁剪(支持ad/ios图片个数控制)

前言:   目前关于rn比较知名并且封装好的图片选择控件很多,不过能同时支持多图片上传,个数控制兼容iOS/Ad的却寥寥无几,而今天介绍的这款框架可以实现:图片...

511140
来自专栏Thinks

【译】W3C WAI-ARIA最佳实践 -- 控件

手风琴是个垂直罗列的元素组合,例如标签或缩略图,这允许用户切换内容模块的展示。每个标签元素可以被用来展开折叠、暴露隐藏其相关内容。手风琴一般被用来减少页面滚动,...

29830
来自专栏偏前端工程师的驿站

JS魔法堂:LINK元素深入详解

一、前言                               我们一般使用方式为 <link type="text/css" rel="styleshe...

255100
来自专栏十月梦想

bootsrap栅格系统

在 HTML5 的项目中,我们做了移动端的项目。它有一份非常重要的 meta,用于设置屏

17840
来自专栏Pythonista

html基础

HTML 不是一种编程语言,而是一种标记语言 (markup language) HTML 使用标记标签来描述网页

15820
来自专栏木头编程 - moTzxx

PHP 开发学习[3] —— 文字水印,缩略图,图片水印实现类

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u011415782/article/de...

19530

扫码关注云+社区

领取腾讯云代金券