一个绚丽多彩的页面，少不了页面中林林总总的效果构成，页面中的效果除html里面的布局构成，还必要css中的各种属性等。比方，页面中的一些罕见的效果能够用伪类来完成。而伪类和伪元素看起来又很类似，伪类和伪元素的辨别，伪类和伪元素都能够用来设置工具的内容，泄漏浮现伪类工具，不外在语法上，伪类是后面加一个冒号，伪元素是后面加两个冒号，伪元素是所设置的元素的新创立的子元素，属于假造元素，而伪类是只要触发条件才看到的。
页面中一些用伪类完成的罕见效果有良多，比方：设置伪类:after来完成做出一个提示框中的三角箭头，效果以下图：
Css的格式以下图：
这个效果是使用伪类凭据三角形的指向设置三条边框的颜色，巨细的，而指向的那偏向的边框无需设置。此中两条边框的颜色设置为通明，
高端SEO优化公司，余下的那条设置的边框颜色与箭头里的颜色同等。然后再设置位置的定位的偏移值。假定不想设置边框的，能够设置一张后台图片。
也能够使用伪类设置关于边框的动画效果，鼠标悬停时边框颜色改变，而从中央像双方挪动，效果以下图，划分是悬停之前的格式，悬停过程中的格式，最后悬停时的格式。
Css的格式如图：
另有在页面中很罕见的盒子暗影，也能够用设置伪类的通明度来完成，先设置盒子的暗影、设置通明度为0，鼠标悬停时，通明度设置为1，效果以下图示：
Css的格式以下图：