css 写同级样式 |laydate不自动加载css

同级样式是指给同一级别的元素应用相同的CSS样式，而不必为每个元素都设置样式。当同级元素需要应用相同样式时，大家可以将这些元素用相同的类名包裹起来，再为这个类名设置样式，这样就可以一次性为所有元素设置样式了。

.list {
list-style: none;
}
.button {
background-color: blue;
color: white;
border: none;
border-radius: 5px;
padding: 10px;
cursor: pointer;
}

在上面的代码中，大家为一个列表和一组按钮定义了同级样式，分别用.list和.button类名进行调用。这样做不仅可以提高编码效率，还能使CSS代码更加简洁易读。

同级样式也可以用于解决响应式布局问题。比如，大家需要让一组图片在移动端和PC端都居中显示。这时，大家可以使用同级样式来解决这个问题：

.image-wrapper {
display: flex;
justify-content: center;
}
.image {
max-width: 100%;
height: auto;
}

在上面的代码中，大家使用了flex布局和居中对齐来实现图片在手机和电脑端的居中显示。这样做不但实现了响应式布局，还减少了不必要的代码。

总之，同级样式是一种极为实用的CSS技巧，可以提高开发效率，使代码更加简洁易读。大家在编写CSS时，可以多加利用同级样式来解决样式相似的元素问题。