如何单独修改MudNavGroup标题样式，及MudNavMenu样式不影响MudNavLink？

我希望仅修改MudNavGroup的标题样式，但使用Style属性时会改变ChildContent中所有子元素的样式。我尝试的代码如下：

<MudNavGroup Title="@item.Group.GroupName" Expanded="true"
             Style="background-color:aqua; font-size:medium">

现咨询：如何修改MudNavGroup的标题样式且不影响MudNavLink？

解决方法 #

方法1：用TitleTemplate单独定义标题样式 #

MudNavGroup自带TitleTemplate属性，可直接将标题内容放在自定义元素中，仅给该元素添加样式，完全不会影响子元素：

<MudNavGroup Expanded="true">
    <TitleTemplate>
        <span style="background-color:aqua; font-size:medium">@item.Group.GroupName</span>
    </TitleTemplate>
    <!-- 此处放置MudNavLink等子内容 -->
    <ChildContent>
        <MudNavLink Href="/page1">页面1</MudNavLink>
        <MudNavLink Href="/page2">页面2</MudNavLink>
    </ChildContent>
</MudNavGroup>

方法2：用CSS类+深度选择器 #

若不想使用模板，可通过CSS精准定位标题部分：

1. 在组件样式块中定义类：

.custom-nav-group ::deep .mud-nav-group-title {
    background-color: aqua;
    font-size: medium;
}

2. 给MudNavGroup添加该类：

<MudNavGroup Title="@item.Group.GroupName" Expanded="true" Class="custom-nav-group">
    <!-- 子元素样式不受影响 -->
</MudNavGroup>

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