Html 如何使用较低字体显示子菜单内容？

我有这个网站：

菜单上有“合作伙伴”。当我们浏览“合作伙伴”时，我们需要在一行中显示每个合作伙伴，可能使用较小的字体

html代码是：

以这种方式添加

#menu-custom-menu li ul li a {
    font-size: 4px;
}

扩展宽度

.main-navigation ul li ul{
   width: 260px;
}

这样加上

#menu-custom-menu li ul li a {
    font-size: 4px;
}

扩展宽度

.main-navigation ul li ul{
   width: 260px;
}

---

该规则不适用，因为您在源代码的第66行设置了一个更高的选择器

#menu-custom-menu a {
    font-size: 18px;
}

因此，要么减少此选择器的特定性，要么增加子菜单选择器的特定性

#menu-custom-menu ul.sub-menu li a{
    font-size:4px;
}

---

如果您还需要一个较大的子菜单，请更改style.css文件第

509行定义的
宽度
，该规则不适用，因为您在源代码第66行设置了一个较高的选择器

#menu-custom-menu a {
    font-size: 18px;
}

因此，要么减少此选择器的特定性，要么增加子菜单选择器的特定性

#menu-custom-menu ul.sub-menu li a{
    font-size:4px;
}

如果还需要较大的子菜单，请更改style.css文件第
509行定义的
宽度
，这样就有了样式

#menu-custom-menu a {
   font-size: 18px;
}

这不符合你的风格

试着用英语写作！重要财产。诸如此类：

#menu-custom-menu li ul li a {
    font-size: 4px !important;
}

你有自己的风格

#menu-custom-menu a {
   font-size: 18px;
}

这不符合你的风格

试着用英语写作！重要财产。诸如此类：

#menu-custom-menu li ul li a {
    font-size: 4px !important;
}

谢谢还有，有没有办法扩大子菜单的宽度？谢谢。还有，有没有办法扩展子菜单的宽度？