伪类选择

伪类

1. :hover

鼠标移动到链接上触发操作

.box:hover{
			overflow: visible;
			animation-delay:2s;
			}

通过:hover可以将之前设置的overflow:hidden内容显示出来，类似触发下拉菜单

a标签常用的伪类：

• a:link，定义正常链接的样式；
• a:visited，定义已访问过链接的样式；
• a:hover，定义鼠标悬浮在链接上时的样式；
• a:active，定义鼠标点击链接时的样式。

2. ::after 伪元素

表示在块级元素内部最后创建一个伪元素

ul::after{
			display: block;
			content: '';
			clear: both;
			}

主要用来对盒子模型中父元素进行高固定，防止内部元素浮动对父元素高度的影响

3. :last-child

表示选取当前多个相同标签的最后一个标签（选取ul下最后一个li标签）

ul>li:last-child{
				border:0;
			}

用于设定最后一个标签不同于前面标签的格式，类似的:first-child