📅  最后修改于: 2023-12-03 15:11:57.769000             🧑  作者: Mango
CSS3中的伪类是一种用于向特定元素添加特殊样式的方式。伪类通常与选择器结合使用,用于定义在特定情况下应用的样式。常见的伪类包括:hover、:active、:first-child等。
:hover伪类用于当鼠标悬停在元素上时应用样式。可以用于给链接、按钮等元素添加效果。
a:hover {
color: red;
}
:active伪类用于当用户激活元素(例如点击链接、按钮等)时应用样式。可以用于给按钮添加按下效果。
button:active {
background-color: darkgray;
}
:first-child伪类用于选择第一个子元素。可以用于给列表中的第一个元素添加特定样式。
ul li:first-child {
font-weight: bold;
}
:last-child伪类用于选择最后一个子元素。可以用于给列表中的最后一个元素添加特定样式。
ul li:last-child {
font-style: italic;
}
:nth-child伪类用于选择一个父元素中的指定子元素。可以使用这个伪类选择某个特定的元素来应用样式。
ul li:nth-child(odd) {
background-color: lightgray;
}
ul li:nth-child(even) {
background-color: gray;
}
以上就是CSS3中的几个常见的伪类,它们的应用可以让网页变得更加绚丽多彩。