ie6.0 first:child ,firstchild,css-firstchild,css first-child

最新推荐文章于 2025-08-14 19:36:32 发布

原创最新推荐文章于 2025-08-14 19:36:32 发布 · 2.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#css #ie #function #xhtml #html #class

本文介绍如何使用jQuery库为页面中的特定元素添加样式。通过选择第一个.s1div和ms-WPHeadertd元素，并应用s1c类来改变字体大小及背景颜色。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

首先下载jquery3.0 或者其他版本

html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

$(document).ready(function(){
$(".s1 div:first-child").each(function(){

                          $(this).addClass("s1c");
                });


              $(".ms-WPHeader td:first-child").each(function(){

                      $(this).addClass("s1c");
            });
    })
    </script>

    <style type="text/css">
    .s1c {font-size:48px; background-color:blue;}
    .s2c {color:blue;}
    .s3c {background-color:yellow;}
    </style>
</head>
<body>
    <form>
<div>

</div>

    <div class='s1'>divvvv<div>divlimian1</div><div>divlimian2</div></div>

    <table width="100%">
      <tr class="ms-WPHeader">
        <td>
          标题
        </td>
        <td>
          管理
        </td>
      </tr>
    </table>
    </form>
</body>
</html>