作者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