如何更改div内部HTML字体大小？

Question

我有一个<div>元素。在此<div>中，有<table>和<span>个元素。并且<span>没有html id属性。

我想更改<span>中的字体大小。我可以用javascript或jQuery做到吗？

我尝试更改类并使用CSS直接赋予属性，但它们不起作用。

如何更改字体大小？

我的<div class="xxx">

和风格

 .xxx  {
background-image:url('../k_g.png');
cursor: pointer;
background-repeat: no-repeat;
background-position: center 0%;
font-size:40px;
}

Answer 1

您可以应用以下CSS，

.xxx > span  {
    font-size:40px;
}

Answer 2

如果你跨越并不是你可以做的课程的直接孩子

 .xxx span {
     font-size: 40px;
 }

然而，这将影响div内的所有跨度，并且将来会产生无法预料的后果。

Answer 3

试

$(document).ready(function () {
        $(".xxx").css("font-size", "200%");
    });

Answer 4

使用：

$("div.xxx").children("span").css( "font-size", "30px" );

Answer 5

第一个我想知道这个带.xxx类的div是否是在你调用脚本之前创建的？如果没关系，那么只需在jQuery中的document.ready函数中运行此脚本：

$(".xxx").css({font-size:"30px"});
or jQuery.noConflict();jQuery(".xxx").css({font-size:"30px"}); 

而不是为该脚本使用相同的$运行一些库。