伪类，伪元素

CSS 中的伪类和伪元素是额外的选择器，用于选择页面中的元素的特殊状态或者生成额外的内容。

伪类：

• :hover：选择鼠标悬停在元素上的状态
• :active：选择鼠标按下在元素上的状态
• :focus：选择元素获得焦点的状态
• :visited：选择元素链接被访问过的状态
• :first-child：选择父元素的第一个子元素

举个例子：

a:hover {
    
    
  color: blue;
}

button:active {
    
    
  background-color: yellow;
}

input:focus {
    
    
  border: 2px solid red;
}

a:visited {
    
    
  color: purple;
}

li:first-child {
    
    
  font-weight: bold;
}

伪元素：

• ::before：在元素前生成内容
• ::after：在元素后生成内容

举个例子：

p::before {
    
    
  content: "注意：";
  color: red;
}

p::after {
    
    
  content: "请勿抄袭。";
  color: blue;
}

伪类和伪元素可以结合使用，为页面元素提供更多的样式控制选择器，使得样式更加灵活和强大。