在編寫 CSS 時,我們經常需要同時給一個元素設置多個標簽。下面是一些常見的標簽組合:
/* 設置字體和顏色 */ h1 { font-family: Arial, sans-serif; color: #333; } /* 設置邊框和背景色 */ .btn { border: 1px solid #ccc; background-color: #eee; } /* 設置內邊距和外邊距 */ .section { padding: 10px; margin: 20px; } /* 設置文本對齊和行高 */ p { text-align: center; line-height: 1.5; }
當需要為一個元素設置多個樣式時,我們可以在 CSS 中使用逗號分隔不同的標簽,如下所示:
/* 設置多個樣式 */ h2, h3 { font-weight: normal; color: #888; margin-bottom: 10px; } /* 設置多個 class */ .btn-primary, .btn-secondary { border: 1px solid #ccc; background-color: #eee; color: #333; padding: 5px 10px; text-decoration: none; } /* 設置后代元素 */ ul.nav li a { color: #333; text-decoration: none; } /* 設置偽類 */ a:hover, a:focus { color: #555; text-decoration: underline; }
需要注意的是,逗號分隔的標簽會同時應用樣式,而不是優先級從左到右遞增。當需要區分不同等級的樣式時,應該使用 CSS 的優先級規則來控制。
上一篇jquery bpm
下一篇mysql三表關聯查詢