css,html5 css总结,css取消遗传继承性,css样式类标签的使用,css取消b标签加粗
/* 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加载伪类的支持程度可能会有所不同,大家需要根据不同的情况来使用不同的伪类。