CSS 模拟点击事件——css 模拟聚焦事件——css 向下的角标显示——flex布局

CSS 模拟点击事件

.modify:active div{
  color: red;
}
.singout:active div{
  color: red;
}

css 模拟聚焦事件

&:focus-within { //激活样式
  border: 1px solid #d57da7;
}
&:focus-within .icno_usename { //激活样式
  background: url("../images/use_active.png") no-repeat;
  background-size: 100% 100%;
}

css 向下的角标显示

.to_bottom {
   position: absolute;
   top:90px;
   left: 45px;
   width: 0;
   height: 0;
   border-top: 10px solid #FFFFFF;;
   border-left: 10px solid transparent;
   border-right: 10px solid transparent;
 }

flex使用规则

​​flex使用规则​​