css中动作怎么写 |css样式折叠

/* hover：当鼠标悬停在元素上时改变样式 */
a:hover {
color: red;
}
/* focus：元素获得焦点时改变样式，常用于表单元素 */
input:focus {
border: 2px solid blue;
}
/* active：鼠标按下时改变样式 */
button:active {
color: white;
background-color: green;
}
/* visited：链接被访问后改变样式 */
a:visited {
color: purple;
}
/* first-child：选择元素的第一个子元素 */
ul li:first-child {
font-weight: bold;
}

还有许多其他的动作可以使用，大家只需要在CSS中选择需要改变样式的元素，然后在后面添加相应的动作即可。这些动作可以让网页更加动态和生动，吸引用户的注意力。