如何更改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

如果span不是该类的div的直接子代，则可以执行

 .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"}); 

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