CSS3 中的第二個元素是選擇器。選擇器可以幫助我們選擇不同的 HTML 元素,然后應用樣式。
/* 選擇器 */ /* 標簽選擇器 */ p { font-size: 16px; } /* ID 選擇器 */ #my-element { color: blue; } /* 類選擇器 */ .my-class { background-color: gray; } /* 子元素選擇器 */ ul >li { list-style: none; } /* 屬性選擇器 */ a[] { text-decoration: none; } /* 偽類選擇器 */ a:hover { color: red; }
以上是一些常見的選擇器,通過它們的組合和使用,可以對網頁進行全面的 CSS3 樣式設計。除此以外,CSS3 還支持一些新的選擇器,例如:
/* 新選擇器 */ /* 偽元素選擇器 */ p::before { content: "Hello "; } /* 相鄰兄弟選擇器 */ h2 + p { color: green; } /* 通用選擇器 */ * { margin: 0; padding: 0; }
以上是 CSS3 新增的一些選擇器,可以進一步擴展我們的樣式設計能力。相信在實際開發中,我們會更深入地了解這些選擇器,并靈活運用它們。
上一篇css3簡易模板
下一篇mysql查詢今年時間表