防止父母李+李携带给孩子

Posted 2023-04-13

【中文标题】防止父母李+李携带给孩子

【英文标题】：prevent parent li + li carrying to child

【发布时间】：2012-08-24 00:28:43

【问题描述】：

我在导航菜单上使用它来分隔列表项

nav li + li:before
    content: " | ";

这会在每个列表项之间放置一个栏，它不会将栏放在第一个元素之前。并且使用 :before 伪选择器，它不会在最后放置一个。 （这里建议Separators For Navigation）

但是，我想防止这种情况传递到子列表项。

例如nav ul li ul li

我在子菜单上尝试了content:none; 和content:"";，但它们仍然显示在子菜单中。

请帮忙！

【参考方案1】：

没有覆盖的替代方案，使用子组合器 (>)：

nav > ul > li + li:before 
    content: " | ";

如果该元素是另一个元素的直接子元素（而不是该元素的孙子元素），则子组合器会选择该元素。

【参考方案2】：

啊 - 我找到了答案！

nav ul li li:before 
    content: "";

【讨论】：

这确实有效，而且做得很好！但最好使用更具体的选择器，而不是覆盖您之前指定的所有内容。如果只是因为当您稍后尝试巧妙地修改样式（并且必须弄清楚为什么某些东西没有级联）时，它更有效，更简单。