在網頁的設計與開發中,CSS 是一個非常重要的部分。在 CSS 中,選擇器是我們定義樣式的基礎,它能夠選中要修改的 HTML 元素。下面是一些常用的基本 CSS 選擇器。
/* 1. 元素選擇器 */ p { color: #333; } /* 2. 類選擇器 */ .highlight { color: red; } /* 3. ID 選擇器 */ #main { background-color: gray; } /* 4. 相鄰選擇器 */ h2 + p { font-weight: bold; } /* 5. 子選擇器 */ ul >li { list-style-type: none; } /* 6. 后代選擇器 */ body h1 { font-size: 2rem; } /* 7. 通用選擇器 */ * { box-sizing: border-box; }
通過這些基本的 CSS 選擇器,我們能夠在網頁開發中選擇并修改相應的 HTML 元素。它們在實際的開發中經常被使用,對掌握 CSS 來說是必不可少的。希望本文能對大家有所幫助!