# 小程序组件化之二 > 前面学习了官网的基础，现在编写具体实例 > ### 作用域 * 样式的作用域是独立的，同名的类名是不会互相影响 组件loading的样式 ~~~ /* pages/person/common/load/load.wxss */ Page { width: 100%; height: 100%; } .contanier { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; } .loading { width: 250px; height: 130px; } ~~~ 主页面index的样式 ~~~ .container { width: 10000px; background: black; } ~~~ 经过测试： class是不会互相覆盖，不过page和标签，id，属性选择器[1]会发生公用，影响主页面的样式 > 官网说明: > * 组件和引用组件的页面不能使用id选择器（#a）、属性选择器（[a]）和标签名选择器，请改用class选择器。 > > * 组件和引用组件的页面中使用后代选择器（.a .b）在一些极端情况下会有非预期的表现，如遇，请避免使用。 > > * 子元素选择器（.a>.b）只能用于 view 组件与其子节点之间，用于其他组件可能导致非预期的情况。 > > * 继承样式，如 font 、 color ，会从组件外继承到组件内。 > > * 除继承样式外， app.wxss 中的样式、组件所在页面的的样式对自定义组件无效。 >