[分享]css两个重复用那个

在CSS编写中，有时会出现需要重复使用某一段CSS代码的情况。这时候我们可以使用两种方法来避免代码的重复：1. CSS类 我们可以创建一个CSS类，把需要重复使用的CSS代码写在这个类里，然后在需要使...

在CSS编写中，有时会出现需要重复使用某一段CSS代码的情况。这时候我们可以使用两种方法来避免代码的重复：

1. CSS类

我们可以创建一个CSS类，把需要重复使用的CSS代码写在这个类里，然后在需要使用的地方，通过HTML元素的class属性来调用这个类。这样就可以避免代码的重复。

代码示例：
.my-class {
    color: red;
    font-size: 16px;
}

使用方法：
<div class="my-class">这里是需要应用my-class样式的元素</div> 

2. 继承

继承是CSS中非常重要的一个概念，它允许子元素继承父元素的样式。如果我们有一些元素需要使用相同的样式，我们可以让它们继承同一个父元素的样式，这样可以避免代码的重复。

代码示例：
.parent {
    color: red;
    font-size: 16px;
}

使用方法：
<div class="parent">
    <div>这里是继承parent样式的元素</div>
    <div>这里也是继承parent样式的元素</div>
</div> 

以上是两个避免CSS代码重复的方法。具体使用哪种方法，需要根据实际情况来选择。如果需要重复使用的样式是某个元素独有的样式，那么第一种方法适合；如果需要重复使用的样式是多个元素需要共用的样式，那么第二种方法更加合适。