[分享]css内联样式写伪类

CSS内联样式写伪类可以让网页获得更加丰富多彩的效果。伪类是CSS定义的一种特殊选择器，用于在特定的状态下改变元素的样式。例如： a:hover{ color: red; } 上述代码中，:hover...

CSS内联样式写伪类可以让网页获得更加丰富多彩的效果。伪类是CSS定义的一种特殊选择器，用于在特定的状态下改变元素的样式。

例如：
a:hover{
    color: red;
} 

上述代码中，:hover就是伪类选择器，当鼠标悬停在a标签上时，字体的颜色就会变成红色。

使用内联样式写伪类的方法也十分简单，只需要在标签中加入style属性，并在其中用逗号分隔多个伪类即可：

<a href="#" style="color: blue; text-decoration: none; background-color: yellow;":hover, :active {
    color: red;
    text-decoration: underline;
    background-color: pink;
} 

上述代码中，鼠标悬停在超链接上时，字体颜色由蓝色变为红色，文字下划线出现，背景颜色由黄色变为粉色。

使用CSS内联样式写伪类可以方便快捷地为网页增加特效，但也需要注意不要过度使用，尽量利用CSS外部样式表的优势，使得代码更加清晰简洁。