爲ui-tabs覆蓋基本的jQuery-UI css不起作用

Question

我正在開發一個使用jquery tabs +標準ui主題的網站，並且想要改變/覆蓋ui主題的字體設置（大小） 。雖然我看着相關網站Easy way to overwrite basic jQuery-UI css?，http://api.jqueryui.com/tabs/，http://api.jqueryui.com/theming/css-framework/我無法得到它的工作。

請求幫助。

這是我現在有（簡化代碼）：

<style> 
    #ui-tabs-div.ui-widget {font-size: 10px} /* this is not working */ 
</style> 

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js" > </script> 

<script type="text/javascript"> 
    $(function() { 
    $("#tabs").tabs(); 
    } 
</script> 

<div id="tabs"> </div> <!--tab contents here --> 

Answer 1

http://jsfiddle.net/AHXwv/

#tabs.ui-widget {font-size: 10px} 

Answer 2

嘗試課前添加一個ID覆蓋默認的CSS：

#myId .ui-widget { 
    font-family: Verdana,Arial,sans-serif; 
    font-size: 1.1em; 

}