想在数字上方加三个点，请问这样写 CSS 代码后，为何没有实现让三个点旋转90度变为竖置的效果？

[zhoupc88]

想在数字上方加三个点，请问这样写 CSS 代码后，为何没有实现让三个点旋转90度变为竖置的效果？

td.class1:after {
    content: "...";
    display: inline-block;
    transform: rotate(90deg);
    position: relative;
    top: -10px;
    left: -10px;
}

问题出在了哪儿？

[zhoupc88]

引用 1 楼 xykun1991 的回复:

td.class1:after 改为 td .class1:after td与.calss1中间打空格

这样改以后（中间加个空格），三个点不但没旋转，反而彻底不见了。（应该是因为空格表示子孙元素，而 td 节点里面并无类名为“class1”的子元素，class1就是它自己。）

[zhoupc88]

原因找到了：是浏览器兼容性的问题。

[笨猿]

td.class1:after 改为 td .class1:after td与.calss1中间打空格