伪类
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