CSS3在選擇器的使用上比CSS2.1有了很大的擴展,其中就包括了更豐富的找標簽的方法。
/* 1. 標簽選擇器 */ p { color: red; } /* 2. 類選擇器 */ .content { font-size: 16px; } /* 3. ID選擇器 */ #title { font-weight: bold; } /* 4. 屬性選擇器 */ a[] { color: blue; } /* 5. 后代選擇器 */ ul li { list-style: none; } /* 6. 子元素選擇器 */ div >p { margin-top: 20px; } /* 7. 相鄰兄弟選擇器 */ h2 + p { font-size: 18px; } /* 8. 通用選擇器 */ * { border: 1px solid black; } /* 9. 偽類選擇器 */ a:hover { text-decoration: underline; } /* 10. 偽元素選擇器 */ p::first-letter { font-size: 30px; }
以上是常見的CSS3找標簽的方法,通過不同的選擇器進行選擇,可以簡化CSS代碼,提高開發效率。