作者Isacat (日光貓....^o.o^)
看板Web_Design
標題[問題] html editor裡面的css視覺樣式 & SASS
時間Thu Sep 5 08:45:48 2013
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)
1F：→ Isacat:結論: 人懷孕了果然會變笨!!!=.= 09/05 08:58
2F：推 Tethys:哇 我以前逛網站有逛到U.Design耶 推專業 09/06 17:08
3F：→ Isacat:XD 現在都只有更新首頁作品年表清單的勁 09/07 09:03