最新回答 / 依然安妮
是不是选择器之间没用逗号隔开？
最新回答 / 慕斯8234454
.st-container{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; font-family: Arial,sans-serif; }
2017-03-30
还有老师设置top:50%和left:50%是为了让我们能看到data-icon]:after这个元素，其实完全没必要这样设置，你可以直接给它一个top:0和left:0，这样margin就可以不用设置了，让后再transform: rotate(-45deg) translateY(25%);就好了，效果是一样的。
2017-03-28
关于margin：-100px 0 0 -100px的问题：为什么margin左边不是设成0 而是-100px呢？
这是因为[data-icon]:after设置了absolute，也是就使说它是根据它的父元素.st-desc来定位，又因为设置了top:50%和left:50%，所以要让这个元素居中必须让这个元素margin-left:-这个元素宽度的一半(也就是-100px)。你看不明白是因为.st-desc顺时针转了45度，你把它的旋转属性去掉再看一下就明白了，或者你不用去掉旋转属性，然后自己调一下top和left也能看出它是怎么相对父元素定位的。
这是因为[data-icon]:after设置了absolute，也是就使说它是根据它的父元素.st-desc来定位，又因为设置了top:50%和left:50%，所以要让这个元素居中必须让这个元素margin-left:-这个元素宽度的一半(也就是-100px)。你看不明白是因为.st-desc顺时针转了45度，你把它的旋转属性去掉再看一下就明白了，或者你不用去掉旋转属性，然后自己调一下top和left也能看出它是怎么相对父元素定位的。
2017-03-28
