在網頁設計中,使用CSS(Cascading Style Sheets)樣式表可以大大提高頁面的可維護性和效率。其中,選擇器是CSS的重要組成部分,通過選擇器可以選擇要應用樣式的HTML元素。
以下是一些常見的CSS選擇器:
/* 選擇所有元素 */ * { margin: 0; padding: 0; } /* 選擇元素類型為p的所有元素 */ p { font-size: 16px; } /* 選擇class為box的元素 */ .box { border: 1px solid black; } /* 選擇具有data屬性的元素 */ [data] { color: red; } /* 選擇id為demo的元素 */ #demo { background-color: yellow; } /* 選擇父元素為div的所有子級元素 */ div >* { margin: 10px; }
通過選擇器,我們可以對不同的HTML元素進行不同的樣式設置,實現更加靈活和多樣化的頁面設計。