在HTML中的一个对象应用多个 class 名称

最新推荐文章于 2024-06-06 11:59:30 发布

zlpx1983

最新推荐文章于 2024-06-06 11:59:30 发布

阅读量2.8k

点赞数

分类专栏： HTML5 文章标签： HTML5

本文链接：https://blog.csdn.net/zlpx1983/article/details/84052462

版权

HTML5 专栏收录该内容

39 篇文章 0 订阅

订阅专栏

下面的例子展示了你如何应用多个CSS class名称给一个HTML对象。通过在HTML中设置class属性，或者在JavaScript设置className 属性。

<!DOCTYPE html>
<html>
<head>
    <title>Applying multiple class names to an object in HTML</title>
    <style type="text/css">
        .sty1 {
            font-size: 2em;
        }
        .sty2 {
            color: #f00;
        }
    </style>
</head>
<body>
 
    <div class="sty1">Big</div>
    <div class="sty2">Red</div>
    <div class="sty1 sty2">Big and red</div>
 
</body>
</html>


<!DOCTYPE html>
<html>
<head>
    <title>Applying multiple class names to an object in HTML</title>
    <style type="text/css">
        .sty1 {
            font-size: 2em;
        }
        .sty2 {
            color: #f00;
        }
    </style>
</head>
<body οnlοad="init();">
 
    <div id="div1">Big</div>
    <div id="div2">Red</div>
    <div id="div3">Big and red</div>
 
    <script type="text/javascript">
        function init() {
            document.get
            document.getElementById("div1").className = "sty1";
            document.getElementById("div2").className = "sty2";
            document.getElementById("div3").className = "sty1 sty2";
        }
    </script>
 
</body>
</html>

zlpx1983

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
在HTML中的一个对象应用多个 class 名称

下面的例子展示了你如何应用多个CSS class名称给一个HTML对象。通过在HTML中设置class属性，或者在JavaScript设置className 属性。 &lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;title&gt;Applying multiple class names to an object...
复制链接

扫一扫