已采納回答 / 慕少3248114
公共樣式是自己寫的，可以下載，主頁面的樣式需要自己手寫樣式表
最新回答 / qq_李盼_0
有問題，最好把代碼與演示的截圖傳上來
最新回答 / 依然安妮
是不是選擇器之間沒用逗號隔開？
最新回答 / 慕斯8234454
.st-container{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; font-family: Arial,sans-serif; }
2017-03-30
還有老師設(shè)置top:50%和left:50%是為了讓我們能看到data-icon]:after這個元素，其實完全沒必要這樣設(shè)置，你可以直接給它一個top:0和left:0，這樣margin就可以不用設(shè)置了，讓后再transform: rotate(-45deg) translateY(25%);就好了，效果是一樣的。
2017-03-28
關(guān)于margin：-100px 0 0 -100px的問題：為什么margin左邊不是設(shè)成0 而是-100px呢？
這是因為[data-icon]:after設(shè)置了absolute，也是就使說它是根據(jù)它的父元素.st-desc來定位，又因為設(shè)置了top:50%和left:50%，所以要讓這個元素居中必須讓這個元素margin-left:-這個元素寬度的一半(也就是-100px)。你看不明白是因為.st-desc順時針轉(zhuǎn)了45度，你把它的旋轉(zhuǎn)屬性去掉再看一下就明白了，或者你不用去掉旋轉(zhuǎn)屬性，然后自己調(diào)一下top和left也能看出它是怎么相對父元素定位的。
這是因為[data-icon]:after設(shè)置了absolute，也是就使說它是根據(jù)它的父元素.st-desc來定位，又因為設(shè)置了top:50%和left:50%，所以要讓這個元素居中必須讓這個元素margin-left:-這個元素寬度的一半(也就是-100px)。你看不明白是因為.st-desc順時針轉(zhuǎn)了45度，你把它的旋轉(zhuǎn)屬性去掉再看一下就明白了，或者你不用去掉旋轉(zhuǎn)屬性，然后自己調(diào)一下top和left也能看出它是怎么相對父元素定位的。
2017-03-28
