CSS 同時有多個類
在 CSS 中有一個非常有用的特性，叫做同時有多個類。這就是指一個 HTML 元素可以使用多個類名進行修飾。例如：
```html
內容
```
在上述代碼中，這個 div 元素既有 container 類，又有 red-border 類。這意味著我們可以在 CSS 中利用這兩個類來定義這個 div 的樣式：
```css
.container {
max-width: 960px;
margin: 0 auto;
}
.red-border {
border: 1px solid red;
padding: 10px;
}
```
在上述代碼中，我們分別定義了 container 類和 red-border 類的樣式。由于這個 div 元素同時具有這兩個類，因此會同時應用這兩個樣式。
同時有多個類的優點在于，可以讓我們更加方便地組織 CSS 代碼，提高代碼的可重用性。比如說，如果我們有一個按鈕，想要讓它既有 primary 樣式，又有 large 樣式，那么只需要這樣寫：
```html```
```css
.btn {
display: inline-block;
padding: 10px 20px;
border: none;
border-radius: 4px;
color: #fff;
font-weight: bold;
text-decoration: none;
}
.primary {
background-color: #007bff;
}
.large {
font-size: 20px;
padding: 20px 40px;
}
```
上述代碼中，我們分別定義了 btn、primary 和 large 這三個類的樣式。通過同時應用這三個類，我們可以輕松地創建一個既有 primary 樣式，又有 large 樣式的按鈕。這樣一來，我們的 CSS 代碼就更加模塊化和可復用了。
在實際應用中，同時有多個類是非常常見的，而且可以大大提高開發效率。不過需要注意的是，使用太多的類會導致 CSS 代碼變得混亂和難以維護。因此，在編寫 CSS 代碼時，需要根據實際情況靈活運用同時有多個類的技巧。