01 · 用冒号添加条件
a:hover 中，a 表示链接元素，:hover 添加悬停条件：选中当前被指针悬停的链接。
:hover 是 CSS 预定义的伪类，状态由浏览器判断，不需要在 HTML 中设置同名的 class。
核心知识
伪类：悬停与焦点状态
伪类（pseudo-class）是 CSS 选择器中的一种条件，用来匹配处于特定状态或结构位置的元素。
对照代码
<style>
a:hover {
text-decoration-thickness: 3px;
}
button:focus-visible {
outline: 3px solid #f59e0b;
}
</style>
<a href="#target">活动说明</a>
<button type="button">报名</button>
<p id="target">活动说明：周三下午举行。</p>02 · :hover：指针悬停时
a 匹配链接，:hover 再限定“指针正停在它上面”。满足条件时，下划线变为 3px；移开后，这条规则不再匹配。
03 · :focus-visible：焦点提示
焦点表示当前接收键盘操作的元素。按钮获得焦点且浏览器判断需要明显提示时，匹配此伪类。
用 Tab 移到按钮，观察橙色轮廓；它不等于“只有键盘操作才会匹配”。
展开完整代码与运行演示
<style>
a:hover {
text-decoration-thickness: 3px;
}
button:focus-visible {
outline: 3px solid #f59e0b;
}
</style>
<a href="#target">活动说明</a>
<button type="button">报名</button>
<p id="target">活动说明：周三下午举行。</p>