Bir div içindeki tüm öğelerin yazı tipi boyutunu değiştir

Question

Aşağıdaki sayfada div menüsü var. İç menüde <table>, <p>, <h> olabilir. Örneğin, farklı elemanlar:

<div id="menu"> 
<p>abc def</p> 
<table> 
    <tr><td>helloo </td><tr> 
    <tr><td>hiii </td><tr> 
</table> 
<div id="sub"><p>123 this is test</p></div> 
</div> 

Menü içindeki öğeler arasındaki tüm metinlerin boyutunu değiştirmenin bir yolu var mı? Örneğin: abc def, hellooo, hiii, 123 bu testtir. Tüm bu metni jquery veya javascript kullanarak nasıl değiştirebilirim.

Answer 1

Sen css ile yapabilirsiniz:

#menu { 
    font-size: XXX; 
} 

Answer 2

Evet istediğini yapmak JavaScript ve ya jQuery kullanabilirsiniz, ancak önerilen gibi neden sadece CSS kullanmak ister?

veya bu deneyebilirsiniz:

<Style> 
    /*Assumed everything is inheriting font-size*/ 
    #menu{ 
     font:12px; 
    } 
    /* Force all children to have a specified font-size */ 
    #menu *{ 
     font:14px; 
    } 
</style> 

<script> 
    //JavaScript 
    document.getElementById('menu').style.fontSize = "14px"; 
    //jQuery 
    $("#menu").css({'font-size':'14px'}); 

</script> 

Answer 3

bu bir göz atın:

http://jsfiddle.net/oscarj24/jdw6K/

Umut bu yardımcı olur :)

Answer 4

jQuery Örnek

$('#menu').nextAll().css('font', '14px'); 

Answer 5

var VINCI = {}; 

VINCI.Page = { 

init : function() { 
    this.initFontResize(); 
}, 

initFontResize : function() { 
    var container = $('#menu, #sub'); 
    var originalFontSize = parseFloat(container.css('font-size'), 10); 

    var size_level = 0; 
    var maximum_size_level = 5; 
    var size_change_step = 1.4; 

    function calculateFontSize() 
    { 
     return originalFontSize + (size_level * size_change_step); 
    } 

     // Increase Font Size 
     $('.increaseFont').click(function(){ 
     if (size_level < maximum_size_level) { 
      size_level++; 
      container.stop().animate({'font-size' : calculateFontSize()}); 
     } 
     return false; 
     }); 

     // Decrease Font Size 
    $('.decreaseFont').click(function(){ 
      if (size_level > 0) { 
      size_level--; 
      container.stop().animate({'font-size' : calculateFontSize()}); 
     } 
     return false; 
    }); 

}; 

VINCI.Page.init();