WEUI 源码学习一

• BEM命名规范
• CSS命名模板

 

~~~css
page
    page__hd
    page__bd
primary|default

• 语法点

        weui-btn +weui-btn 表示有前btn的btn

        

-webkit-top-hightlight-color:rgba(0,0,0,0.5)
reset 样式 不同类型的浏览器对按上按钮的高亮颜色不一致
请大家注意一下坑
1.这个属性目前是实验属性，加前缀-webkit
Android和ISO 手机浏览器都是-webkit
PC端 IE -ms
2.怎么查看这个效果
    首先把值改成 -webkit-top-hightlight-color:rgba(0,0,0,0.5); 
    PC端是看不到效果的，只在移动端才生效的样式

我还在小程序中测试一下WEUI的反馈    

-webkit-tap-hightlight在小程序里是不起作用的

*{} 选择符也是不能用的

顶级元素不再是body是page

综上所述，在浏览器端要对-webkit-taphight-light-colo要用rgba（0,0,0,0）透明做下重置，让所有的都一致

按上去的交互，建议使用低等级的

:active伪类 在网页和小程序里都可以生效