GTM点击触发器匹配异常：求适配所有菜单项的有效CSS选择器

可用CSS选择器 #

• 通用全量匹配（覆盖桌面+移动端所有头部导航菜单项）
  选择器内容：#main-header .menu-item a
  规则说明：站点使用Divi主题，头部导航容器固定ID为#main-header，所有导航菜单项的li元素统一自带.menu-item通用类，点击的最终目标为li内的a链接元素，该规则可命中所有头部导航的菜单项点击，不会误匹配页面其他位置的元素。
• 高精度分端匹配
  选择器内容：#et-top-navigation #top-menu .menu-item a, #et_mobile_nav_menu #mobile_menu .menu-item a
  规则说明：分别匹配桌面端常规导航、移动端汉堡菜单内的菜单项，适合需要区分不同端触发场景的需求。
• 嵌套元素兼容增强版
  选择器内容：#main-header .menu-item a, #main-header .menu-item a *
  规则说明：如果菜单项a标签内嵌套了span文本、图标等子元素，新增的a *规则可保证点击这些子元素时也能命中触发器，避免漏触发。

之前匹配失败的原因 #

此前使用的div.container.clearfix.et_menu_container为导航的外层容器元素，GTM的Click Element匹配规则校验的是实际点击的DOM节点本身是否符合选择器，而非该节点的祖先节点，因此无法匹配点击菜单项的场景。

内容的提问来源于stack exchange，提问作者Bklaus_hh