只作用到当前组件的样式。
已默认写好当前的id
作为选择器,优先级高。
组件CSS里可以开启动态样式,是直接作用到元素的行内(inline)样式,优先级最高。
可以直接从下拉框选择样式,也可以直接输入并回车确定。样式值通常通过表达式来动态变化,不需要小括号包裹。
作用到当前页面选择器所能选到的所有元素上,存储在页面根节点上或共享组件根节点上,所以在根节点上会显示所有它存放的CSS。当选中一个组件时只显示能作用到它的CSS。
点击选择器时面板下方会显示匹配到的组件列表,点击可跳到对应组件。
如果未匹配到组件则会显示 “清除没用到的CSS” 按钮,点击后会扫瞄当前已渲染的页面节点,把无法选到任何节点CSS移到下面框了。请认真确认它们确实无用,因为如果当前页面未渲染的组件(渲染条件此时为false)所用到的CSS被认为是 ”没用到的CSS“ 。如果有问题Ctrl-Z撤回,或者手动从下面框中把误删CSS移回上面框。
每个页面都有自己唯一的类名,它就是当前页面名称加上zz
前缀。
设置中心里有共用CSS,移动端CSS,桌面端CSS三组全局CSS,在应用初始化的时候就加载进来了,能作用到所有页面。全局CSS是存放在对象存储服务器里的静态CSS文件,每次更改都会上传并创建新版本,加载速度快,不计算流量。局部样式是保存到数据库的,适合频繁修改,加载速度慢些,会计算流量。
专属于当前组件的少量样式可以直接写在组件样式里;多个地方要使用的和页面浏览量大的样式写在页面CSS里,跨页面共享的CSS则写在共享CSS里,方便在开发初期调试/修正,等开发完成后把它们外置到全局CSS以优化页面加载性能并节省成本;酌情利用zz
开头的页面唯一类名来修饰选择器以免影响到其他页面。访问量少的页面不外置也无所谓。
在非根节点组件选中状态下,在浏览器开发者工具样式面板里修改了样式后再次聚焦(focus)回到属性编辑面板框,会自动把修改同步进来。如果希望保留此外部修改你可以在编辑框内做任意改动(比如在无关紧要的的地方打个空格)就可以保存此次修改,如果想放弃外部修改忽略它即可(离开编辑框)。