大佬们，我想要隐藏面包屑中列表项文本（下图红色部分），请问有办法吗？
一开始想通过:has()来命中，但是 css 好像不支持使用 use 标签内的 xlink:href 属性 作为选择器。
迷茫了 :(
求助隐藏面包屑中的部分文本
相关帖子
-
明白了，不过，css 实现不了，必须通过 js 实现。
你试试下面这个代码是否你想要的效果。
(()=>{ // 监听面包屑项出现 whenElementExist('.layout__center').then(() => { observeElementExist('.protyle-breadcrumb__item', (element) => { const xlinkHref = element.querySelector('svg use')?.getAttribute('xlink:href'); if(xlinkHref !== '#iconListItem') return; const text = element.querySelector('.protyle-breadcrumb__text'); if(!text) return; text.style.display = 'none'; }, '.layout__center'); }); // 等待元素出现（简版） function whenElementExist(selector) { return new Promise(resolve => { const check = () => { const el = typeof selector==='function'?selector():document.querySelector(selector); if (el) resolve(el); else requestAnimationFrame(check); }; check(); }); } // 监听元素出现 function observeElementExist(selector, callback, observeNode) { const handleMutations = (mutationsList, observer) => { for (let mutation of mutationsList) { if (mutation.type === 'childList') { mutation.addedNodes.forEach(node => { if (node.matches && node.matches(selector)) { callback(node); //observer.disconnect(); // 一旦找到元素，停止监听 } }); } } }; // 创建一个MutationObserver实例 const config = { attributes: false, childList: true, subtree: true }; const observer = new MutationObserver(handleMutations); // 选择需要监听的父节点 observeNode = typeof observeNode === 'string' ? document.querySelector(observeNode) : observeNode; const targetNode = observeNode || document.body; // 开始监听目标节点的变化 observer.observe(targetNode, config); } })();1 回复 - 其他回帖
-
-
-
LLL- •作者
这个代码完全符合！感谢大佬！ respect❤️
另外吐槽下：
我也很奇怪那个 css，一摸一样的代码，我第一次试那个样式也没用，第二次试就好了 😄 。
原来不止我一个人~ 太奇怪了
- 查看全部回帖
欢迎来到这里！
我们正在构建一个小众社区，大家在这里相互信任，以平等 • 自由 • 奔放的价值观进行分享交流。最终，希望大家能够找到与自己志同道合的伙伴，共同成长。
注册 关于