Cambiar el tamaño de fuente de todos los elementos dentro de un div

Question

Tengo la siguiente página en la que hay un menú div. Dentro del menú podemos tener <table>, <p>, <h>. Diferentes elementos como por ejemplo:

<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> 

¿Hay una manera de cambiar el tamaño de todo el texto entre los elementos de menú en el interior. Por ejemplo: abc def, hellooo, hiii, 123 esto es prueba. ¿Puedo cambiar todo ese texto usando jquery o javascript de alguna manera?

Answer 1

Usted puede hacer esto con CSS:

#menu { 
    font-size: XXX; 
} 

Answer 2

sí se puede utilizar JavaScript y jQuery o para hacer lo que quiera, pero ¿por qué no sólo tiene que utilizar CSS como sugerido?

o puede probar esto:

<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

Tome un vistazo a esto:

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

Espero que esto ayude :)

Answer 4

jQuery Ejemplo

$('#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();