无法覆盖 jquery 工具提示中的字体大小答案

【问题标题】：Unable to overwrite the font-size in jquery tooltip无法覆盖 jquery 工具提示中的字体大小
【发布时间】：2018-03-09 21:57:45
【问题描述】：

我正在使用如下的 jquery 工具提示：

(<any>$("#MyDivId")).tooltip({
        show: {
            effect: 'slideDown'
        },
        tooltipClass: "tooltip",
        track: true,
        open: function (event:any, ui:any) {
            setTimeout(function () {
                (<any>$(ui.tooltip)).hide();
            }, waitTimeFiveSecs);
        }
    });



.tooltip{
    font-size: XXpx;
    font-family: "Segoe UI", Segoe, sans-serif;
}

我想以比工具提示默认显示的字体更小的字体显示标题文本。但无论我在 font-size 中的分配如何，我都看到工具提示正在显示相同字体大小的文本。这里如何减小字体大小？

更新

在检查我看到的元素时，ui-widget 类正在覆盖我的类 font-size 和 font-family 属性。

.ui-widget {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em;
}

【问题讨论】：

我假设您已经在开发者控制台中检查了哪些规则正在覆盖您的规则。
当我尝试检查工具提示时，它消失了。你能帮我看看如何检查工具提示以查看哪些规则覆盖了我的规则？
右键单击具有工具提示的元素，并将其永久设置为:hover 状态。 imgur.com/a/BDK3F（Chrome 示例）
非常感谢！我更新了问题。 ui-widget 类写完了我的类属性。
作为快速修复，在字体大小和字体系列定义的末尾添加!important，如下所示：font-size: XXpx !important; font-family: "Segoe UI", Segoe, sans-serif !important;

标签： jquery jquery-ui jquery-ui-tooltip

【解决方案1】：

试试这些课程

.ui-tooltip-content {
    font-size: XXpx;
}

.ui-tooltip {
    font-size: XXpx;
}

【讨论】：

虽然此代码可以回答问题，但提供有关如何和 为什么 解决问题的附加上下文将提高答案的长期价值。
因为他使用的是Jquery UI tooltip，所以这些类可以用来覆盖css。