假設(shè)你正在設(shè)計一個包含多個表單的頁面,你需要為每個表單應(yīng)用不同的樣式。你可以使用以下CSS樣式表:
```css
.form-input {
width: 100px;
height: 100px;
font-size: 16px;
border: 1px solid #ccc;
padding: 8px;
.form-input:hover {
background-color: #ddd;
```css
<form>
<input type="text" class="form-input" name="username">
<input type="password" class="form-input" name="password">
</form>
<form>
<input type="text" class="form-input" name="username">
<input type="password" class="form-input" name="password">
</form>
```css
<form>
<input type="text" class="form-input" name="username">
<input type="password" class="form-input" name="password">
</form>
<form>
<input type="text" class="form-input" name="username">
<input type="password" class="form-input" name="password">
</form>
在這個例子中,我們可以使用以下CSS樣式表:
```css
.form-input {
width: 100px;
height: 100px;
font-size: 16px;
border: 1px solid #ccc;
padding: 8px;
.form-input:hover {
background-color: #ddd;
.form-input.active {
background-color: #555;
這個CSS樣式表將在`<form>`元素被鼠標(biāo)懸停時顯示為綠色,并在鼠標(biāo)移開時隱藏。