元素混合 CSS 是一種使用 CSS 樣式來混合不同類型的元素的方法。這種方法允許你將 CSS 樣式應用到多個不同類型的元素上，而不必在每個元素上都應用相同的樣式。

在這篇文章中，我們將介紹元素混合 CSS 的基本概念，如何使用它來混合不同類型的元素，以及如何避免一些常見的問題。

## 基本概念

<div class="text-link">

<p>這是文本</p>

</div>

## 如何使用元素混合 CSS

使用元素混合 CSS 的關鍵是確保你混合的元素具有相同的類名。如果你將不同類型的元素混合起來，你需要為每個元素都創建一個類名，并使用相同的類名來應用樣式。

<p>這是文本</p>

</div>

.text-link {

color: blue;

font-size: 16px;

width: 200px;

height: 200px;

margin: 20px auto;

border-radius: 50%;

padding: 10px;

width: 200px;

height: 200px;

.link-link {

color: red;

font-size: 16px;

text-decoration: none;

padding: 10px;