02 组件命名遇见的坑
主页面中使用的组件,命名为my-margintop
在主页面。写css样似不起作用的哈
因为官方说的 组件对应 wxss 文件的样式,【只对组件 wxml 内的节点生效】
<view class="top-header">
<!-- 左边姓名 右边头像 -->
<topleftnamerihtdec class="my-margintop"></topleftnamerihtdec>
</view>
详细解释
主页面。没有效果
.my-margintop {
margin-top: 120rpx;
}
如何解决了。????
只能够在子组件中对向的wxss去写样似哈
官方说的
组件对应 wxss 文件的样式,【只对组件 wxml 内的节点生效】编写组件样式时,需要注意以下几点:
组件和引用组件的页面不能使用 id 选择器(#a)、属性选择器([a])和标签名选择器,请改用 class 选择器。
组件和引用组件的页面中使用后代选择器(.a .b)在一些极端情况下会有非预期的表现,如遇,请避免使用。
子元素选择器(.a>.b)只能用于 view 组件与其子节点之间,用于其他组件可能导致非预期的情况。
继承样式,如 font 、 color ,会从组件外继承到组件内。
除继承样式外, app.wxss 中的样式、组件所在页面的的样式对自定义组件无效(除非更改组件样式隔离选项)。
#a { } /_ 在组件中不能使用 _/
[a] { } /_ 在组件中不能使用 _/
button { } /_ 在组件中不能使用 _/
.a > .b { } /_ 除非 .a 是 view 组件节点,否则不一定会生效 _/
作者:流年少年
出处:https://www.cnblogs.com/ishoulgodo/
本文版权归作者所有,欢迎转载,未经作者同意须保留此段声明,在文章页面明显位置给出原文连接
如果文中有什么错误,欢迎指出。以免更多的人被误导。
出处:https://www.cnblogs.com/ishoulgodo/
想问问题,打赏了卑微的博主,求求你备注一下的扣扣或者微信;这样我好联系你;(っ•̀ω•́)っ✎⁾⁾!
如果觉得这篇文章对你有小小的帮助的话,记得在右下角点个“推荐”哦,或者关注博主,在此感谢!
万水千山总是情,打赏5毛买辣条行不行,所以如果你心情还比较高兴,也是可以扫码打赏博主(っ•̀ω•́)っ✎⁾⁾!
想问问题,打赏了卑微的博主,求求你备注一下的扣扣或者微信;这样我好联系你;(っ•̀ω•́)っ✎⁾⁾!
![](http://images.cnblogs.com/cnblogs_com/IwishIcould/1900124/t_201214043958支付宝收款码.jpg?a=1607924145179)
支付宝
![](http://images.cnblogs.com/cnblogs_com/IwishIcould/1900124/t_20121604194271E6E296CCB71A007F4E22073D5EB64A.jpg)
微信
如果文中有什么错误,欢迎指出。以免更多的人被误导。