GTM触发器的通用CSS选择器

Question

我尝试创建一个CSS选择器，以便能够匹配以下条目（页面顶部菜单）：

Header menu - Menu 1
DE
#page-top-menu > div > div.menu-wrapper > ul > li.i39.dropdown.layer.item-type-1.catid-0eca5a6c6e53f281b9e0469ca3d744fd > a
EN
#page-top-menu > div > div.menu-wrapper > ul > li.i40.dropdown.layer.item-type-1.catid-0eca5a6c6e53f281b9e0469ca3d744fd > a
FR
#page-top-menu > div > div.menu-wrapper > ul > li.i28.dropdown.layer.item-type-1.catid-0eca5a6c6e53f281b9e0469ca3d744fd > a


Header menu - Menu 2

DE 
#page-top-menu > div > div.menu-wrapper > ul > li.i43.dropdown.layer.item-type-2.catid-9268a9eaa067019916390b7d08113781 > a
EN
#page-top-menu > div > div.menu-wrapper > ul > li.i43.dropdown.layer.item-type-2.catid-9268a9eaa067019916390b7d08113781 > a
FR
#page-top-menu > div > div.menu-wrapper > ul > li.i40.dropdown.layer.item-type-2.catid-9268a9eaa067019916390b7d08113781 > a

正如你所看到的，他们都有这个共同点：

#page-top-menu > div > div.menu-wrapper > ul > li

然而，当我尝试根据以下选择器创建跳跳器时，没有任何反应：

#page-top-menu > div > div.menu-wrapper > ul
#page-top-menu > div > div.menu-wrapper > ul > li
#page-top-menu > div > div.menu-wrapper > ul > li > *

如果我使用完整的CSS选择器，触发器就可以工作。

编辑：

这里是一个html元素的示例（突出显示的部分是选择器引用的部分）：

以下是标记和触发器设置方式的快照：

Answer 1

问题是你的a元素有子元素。当您单击标记a内的元素时，它将触发click事件，但click元素将指向内部标记。你有两种解决方法：

1）以多个级别定位所有子元素：

输入：Click - All Elements

CSS选择器：#page-top-menu > div > div.menu-wrapper > ul > li *

2）仅限目标链接：

输入：Click - Just Links

CSS选择器：#page-top-menu > div > div.menu-wrapper > ul > li > a