/***添加伪类，hover 有图标显示******/
tr td:nth-child(1) {
&::before {
content: "\21BB";
position: absolute;
top: 35%;
left: 0;
width: 20px;
height: 20px;
display: none;
}
}
tr td:nth-child(1):hover {
&::before {
display: flex;
position: absolute;
}
}
/***添加伪类，hover 有图标显示******/
tr td:nth-child(1) {
&::before {
content: "";
background: url("~@/assets/images/search.png") 0 0 no-repeat;
position: absolute;
top: 38%;
left: 0;
width: 20px;
height: 20px;
display: none;
}
}
/***添加伪类，hover 有图标显示******/ tr td:nth-child(1) { ...
伪类演示： 移除伪类：removeClass(hover) 结果是同上，没有任何变化。 :hover是伪类，伪类是...
css伪类 css伪类用于向某些选择器添加特殊的效果。:link, :visited, :hover, :focu...
2018.7.22 1.伪类选择器(昨天查的a:hover就是锚伪类) CSS 伪类用于向某些选择器添加特殊的效果...
常见的伪类有 动态伪类（dynamic pseudo-classes）:link、:visited、:hover、...
首先你要知道css中有伪类和伪元素, 伪类: 比如说 a标签 :hover 给你显示下划线, 提醒你这是个链接; ...
Css3为了区分伪类和伪元素，伪类使用单冒号:，伪元素使用双冒号:: 常见伪类有 :hover,:link,:ac...
CSS伪类：用于向某些选择器添加特殊的效果。 :hover 将样式添加到鼠标悬浮的元素 :active ...
定义 伪类，更多的定义的是状态常见的伪类有 :hover，:active，:focus，:visited，:lin...
1.动态伪类 1.1 锚点伪类:link, :vistied1.2 用户行为伪类:hover, :active, ...
本文标题：添加伪类，hover 有图标显示*
本文链接：https://www.haomeiwen.com/subject/buzzxrtx.html
网友评论