css - 我在 Dreamweaver 中使用 SpryTabbedPanels，我只需要更改菜单字体大小吗？

Question

在 SpryTabbedPanels.css 中尝试添加此代码

.TabbedPanels {
    overflow: hidden;
    font-family: tahoma;
    font-size: 1em;
    margin: 0px;
    padding: 0px;
    clear: none;
    width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}

但是这里的字体大小也适用于内容，但我需要它只适用于头部菜单。谢谢

Answer 1

您无法以“简单”的方式做到这一点。除非被覆盖，否则所有父 css 规则都会被子节点继承。因此，如果您想确保 .TabbedPanels 中的所有元素都不会继承其字体，请使用:

.TabbedPanels <elements you need styled> {
   font-family: <your desired font>;
}

例如，这将重置 .TabbedPanels 中所有节点的字体:

.TabbedPanels * {
   font-family: auto;
}