使用CSS可以显示一个像箭头一样的视觉指示器，以通知是否有子菜单？

下面是我的代码，现在我想知道是否有一些CSS属性来通知用户我的

测试中有一个子菜单。可能吗







试验









CSS:

#菜单{宽度：960px；高度：自动；边距：0自动0自动；}
#菜单ul{列表样式类型：无；}
#菜单ul li{浮动：左；高度：46px；行高：46px；字体重量：300；}
#菜单ul li a{文本装饰：无；颜色：#ccc；显示：块；右边距：5px；高度：46px；线条高度：46px；填充：0 5px 0 5px；字体大小：20px；}
没有检测子元素的CSS属性

然而，使用JQuery非常简单……事实上，使用JQ有很多方法

这里有一个

JQuery

(function($) {
  $("nav > ul").addClass("top-level");
  $(".top-level li:has(ul)").addClass("parent");
})(jQuery)

仅就记录而言，无需JS即可：

我所做的是为嵌套在
li
中的child
ul
元素指定样式。
sub ul不是
可见性：隐藏的
，如前一示例中所示，子元素是

那么，给你：


@Paulie_D我使用了您的代码作为基本代码，只是更改了一些部分。
谢谢，我不知道这个解决方案@Paulie_D我以你的代码为基础，在没有JS的情况下解决了它。感谢您提供的示例。我稍微调整了一下，让它工作起来……干得好！投赞成票。这是正确的答案，因为我们谈论的是造型（而不是行为）。