在CSS中,我们经常会使用伪类来指定某些元素的状态或者特殊情况下的样式。下面介绍一些常用的CSS伪类及其指定方式。
/* hover伪类 */ a:hover { color: red; } /* active伪类 */ a:active { color: blue; } /* visited伪类 */ a:visited { color: purple; } /* first-child伪类 */ ul li:first-child { color: green; } /* nth-child伪类 */ ul li:nth-child(2) { color: orange; } /* not伪类 */ ul li:not(.selected) { color: gray; }
- :hover:鼠标悬停在元素上时触发,可视为“鼠标移上去”的状态。- :active:鼠标按下,但没有松开时触发,通常用在链接或者按钮上。- :visited:链接被访问过后触发,此时的链接状态可以通过这个伪类来指定样式。- :first-child:选择第一个子元素。- :nth-child:选择某个特定的子元素,可使用数字、even、odd、n+x等来指定。- :not:选择不符合某特定条件的元素。
以上是一些非常常用的CSS伪类,除此之外还有很多其他类型的伪类可供使用。在实际开发中,根据具体需求来选择适当的CSS伪类是非常重要的。。