Google app maker 如何为下拉窗口小部件创建一个(CSS)样式的变体,以使它的列表行成为目标?

Google app maker 如何为下拉窗口小部件创建一个(CSS)样式的变体,以使它的列表行成为目标?,google-app-maker,Google App Maker,正如标题所述,我需要为下拉小部件创建一个“紧凑”样式的变体。但是我不知道如何使用它来定位下拉项(行)。 这可用于针对所有下拉列表: .app-Dropdown-Item { padding: 0px !important; } 下面是我如何尝试使用样式变量来只针对特定的小部件: .app-Dropdown--Compact .app-Dropdown-Item { padding: 0px !important; } 这对我来说很有用,比如Tabs小部件的标题: .app-Tab

正如标题所述,我需要为下拉小部件创建一个“紧凑”样式的变体。但是我不知道如何使用它来定位下拉项(行)。 这可用于针对所有下拉列表:

.app-Dropdown-Item {  
  padding: 0px !important;
}
下面是我如何尝试使用样式变量来只针对特定的小部件:

.app-Dropdown--Compact .app-Dropdown-Item {
  padding: 0px !important;
}
这对我来说很有用,比如Tabs小部件的标题:

.app-Tabs--RedBg .app-Tabs-Header {
  background-color: red;
  color: white;
}
我怀疑这可能与列表项不是下拉小部件的直接子项有关,但我不确定


谢谢你的帮助

现在似乎无法为下拉列表项创建自定义样式变体。。。因此,单独设置下拉项样式的唯一方法是为特定下拉项编写样式:

.app PageName下拉列表>.app下拉项目{
填充:0px;/*似乎此规则在没有!重要信息的情况下有效*/
}

现在似乎无法为下拉列表项创建自定义样式变体。。。因此,单独设置下拉项样式的唯一方法是为特定下拉项编写样式:

.app PageName下拉列表>.app下拉项目{
填充:0px;/*似乎此规则在没有!重要信息的情况下有效*/
}

为什么他不能这么做:。应用程序下拉菜单--Compact>。应用程序下拉菜单项{padding:0px;/*似乎这个规则在没有!important*/}的情况下有效编辑:没关系,我想我明白了。理想情况下,还应该有一个.app下拉列表——Compact。我将对此进行调查,看看我们是否已经这样做了,如果不是的话,这听起来像是一个合理的功能请求。为什么他不能这样做:。应用程序下拉菜单--Compact>。应用程序下拉菜单项{padding:0px;/*这条规则似乎没有!重要的*/}编辑:没关系,我想我明白了。理想情况下,还应该有一个.app下拉列表——Compact。我将对此进行研究,看看我们是否已经这样做了,如果没有,听起来是一个合理的功能要求。