css怎么几个元素用一个样式

在编写CSS样式时,有时候会遇到多个元素需要应用相同的样式的情况。这时候,我们可以使用“群组选择器”来实现一次性定义多个元素的CSS属性

    p,h1,h2 {
        font-size: 16px;
        color: #333;
        line-height: 1.5;
    }

css怎么几个元素用一个样式

在上面的代码中,我们通过逗号分隔符将三个元素选择器 ph1h2 组合在了一起,然后对它们应用了相同的样式。这样,我们就可以一次性完成多个元素的样式定义,而不必重复书写代码

此外,在群组选择器中也可以使用类选择器或者ID选择器来指定元素,具体的代码如下所示:

    .Box,#container {
        width: 960px;
        margin: 0 auto;
    }

在上面的代码中,我们使用了一个类选择器 .Box一个ID选择器 #container,然后对它们同时应用了相同的样式。这样一来,我们就可以轻松实现多个元素的样式定义了!

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效