CSS: transform:scale() 在行内元素中会失效

今天在工作中遇到了在 ::before() 伪类中定义了一个 transform :scale(0.5) 结果并没有效果. 查询之后才知道 transform :scale(0.5)在 inline 属性中的元素不起作用, 而伪类 ::before() 是行内元素, 因此, 只要我们把伪类改成非行内元素就行了

.noteSign-sharp {
  position: relative;
	&::before { // 伪类是行内元素
		content: "#";
    transform: scale(0.6);
    position: absolute; // 改为非行内元素
    left: -15%;
    top: -40%;
	}
}