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

Posted 2023-02-02 勇敢*牛牛

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使用规则