CSS3加載偽類是一種非常有用的技術,它可以為我們的頁面添加各種各樣的樣式效果。下面我們將介紹一些常用的CSS3加載偽類,以及如何使用它們。
/* 1. hover偽類 */ a:hover { color: red; } /* 2. active偽類 */ a:active { color: blue; } /* 3. focus偽類 */ input:focus { border: 2px solid red; } /* 4. visited偽類 */ a:visited { color: green; } /* 5. before偽類 */ p:before { content: '>>'; } /* 6. after偽類 */ p:after { content: '<<'; } /* 7. first-child偽類 */ ul li:first-child { font-weight: bold; } /* 8. last-child偽類 */ ul li:last-child { font-style: italic; } /* 9. nth-child偽類 */ ul li:nth-child(odd) { color: red; } ul li:nth-child(even) { color: blue; } /* 10. nth-last-child偽類 */ ul li:nth-last-child(2) { text-decoration: underline; }
以上是一些常見的CSS3加載偽類,它們可以幫助我們輕松地為頁面添加各種不同的樣式效果。需要注意的是,不同的瀏覽器對CSS3加載偽類的支持程度可能會有所不同,我們需要根據不同的情況來使用不同的偽類。
上一篇mysql查詢成績前兩名
下一篇css3前端面試大全