Tabs ZK-更改选项卡的字体大小

我想更改选项卡中文本的字体大小。 这不起作用：

    <zk>
    <style>
            .xxx { 
                font-size: 28px;  
            } 
    </style>

    <vlayout style="padding:20px">
        <tabbox width="100%">
            <tabs>
                <tab label="Tab 1" sclass="xxx"/>
                <tab label="Tab 2"/>
                <tab label="Tab 3"/>
            </tabs>
            <tabpanels>
                <tabpanel>This is panel 1</tabpanel>
                <tabpanel>This is panel 1</tabpanel>
                <tabpanel>This is panel 1</tabpanel>
            </tabpanels>
        </tabbox>

    </vlayout>

</zk>   

.xxx{
字号：28px；
} 
这是第一小组
这是第一小组
这是第一小组

---

我做错了什么？

如果你必须做到这一点，那么你可以通过以下步骤来实现

.xxx * { 
            font-size: 28px !important;  
        } 

现在在tabpanels上使用sclass=“xxx”来应用，而不是在内容进入tabpanels时使用tab

使用

.xxx*

意味着该css类将应用于

选项卡面板以及所有子组件。也！要覆盖子组件使用的任何
字体大小
设置，需要使用重要信息

注意：不建议使用这种覆盖方式，因为大多数组件都依赖于自己的css设置，以便在所有浏览器中实现一致的外观和行为