看板 Web_Design 關於我們 聯絡資訊
SASS用法指南: http://developer.51cto.com/art/201302/380272.htm 試玩了@while 來改進我一串有依序編號的CSS,真是不錯用! 但問題是我現在有問題想找到一個解法: b.scss要@import "a"; 但不要連同a.scss其中的某樣式也一起import進來,何解? 因為想讓html editor裡面的視覺,跟網站的一致, 所以我做了editor.scss、style.scss,兩份內容一樣, 差別只在於style.scss的body會設margin: 0px; 而editor.scss中的body會設margin: 8px; 由於html editor是內嵌iframe在網站中的, 沒辦法單用CSS去指定它裡面的body改樣式(?), 所以才想說用SASS產出只有一個地方有差異的兩套CSS。 還是有更簡單的方法可以處理呢?@@~ -- U.Design 網頁設計作品集 http://unas.com.tw/U_Design/ U.Design Studio G+專頁 http://plus.ly/udesign 作品集目前唯一會更新的只有年表;G+專頁會不定期更新工作日誌、學習筆記。 -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 111.253.78.234 果真是我昨晚一時糊塗想到太複雜了... html editor裡面的body也有它自己的一連串class 只要在editor.scss裡面設定: /*使編輯器中的body還有margin*/ body[class~='cke_editable'] { margin: 8px; } 而style.scss裡面的body照常設定margin: 0px; 就不會吃到編輯器中body的margin了Orz p.s: CSS選擇器(中譯版本): http://readily-notes.blogspot.tw/2011/05/css-css-selector.html E[foo~="warning"] 屬性選擇器 - 匹配 E 元素屬性 foo 可能包含多個用空格隔開的值, 其中有一個值為 warning 的元素。ex: div[class~="red"] { color: Red; } ※ 編輯: Isacat 來自: 111.253.78.234 (09/05 08:58)
Isacat:結論: 人懷孕了果然會變笨!!!=.= 09/05 08:58
Tethys:哇 我以前逛網站有逛到U.Design耶 推專業 09/06 17:08
Isacat:XD 現在都只有更新首頁作品年表清單的勁 09/07 09:03