在CSS中，合并多个样式是一种提升效率和便于维护的技术。常见的方法有几种，可以有效减少代码冗余和提高加载速度。
一种常见的方法是使用类选择器，通过将多个样式定义在同一个类中来节省代码。比如，当多个元素共享相同的样式时，可以创建一个公用类，这样多个选择器只需引用这个类，而无须为每个元素单独书写样式。
```css.common-style { font-size: 16px; color: blue;}.element1 { composes: common-style; padding: 10px;}.element2 { composes: common-style; margin: 15px;}```这种做法使得样式复用成为可能，也便于未来的修改。
还可以使用CSS预处理器，比如Sass或Less，以便更灵活地管理样式。利用这些工具，能够使用嵌套、Mixin和变量等功能来组织CSS代码。在这种情况下，可以通过功能性的代码块来实现样式的合并。
```scss.button { padding: 10px; background-color: blue; &.large { font-size: 20px; } &.small { font-size: 12px; }}```这种结构让不同的按钮样式共享基础样式并在需要时进行扩展，同时保持清晰的层次结构。
使用CSS变量也是一种合并样式的有效手段。定义主题色或其他常用属性的变量后，可以在多个地方引用这些变量，从而实现样式的快速统一和调整。
```css:root { --main-color: blue; --font-size: 16px;}.element { color: var(--main-color); font-size: var(--font-size);}```通过这种方式，当需要修改样式时，只需调整变量的值，所有引用了这个变量的地方都会自动更新。
Media Queries能帮助根据不同的设备和屏幕尺寸合并样式。通过在同一个块中为多个设备定制样式，能保证代码简洁并易于阅读。
```css.element { font-size: 16px; @media (min-width: 600px) { font-size: 20px; } @media (max-width: 599px) { font-size: 14px; }}```这样在一个样式定义中便适应了不同大小的屏幕，避免了重复书写。
通过类选择器、CSS预处理器、CSS变量及Media Queries等方式，都可以有效地合并和管理多个样式。