微信小程序(样式选择器篇)

微信小程序(样式选择器篇),第1张

属性选择器可以根据元素的属性及属性值来选择元素

1、E:hover;2、E:action;3、E:focus;4、E:enable;5、E:disabled;6、E:read-only;7、E:read-write;8、E:checked

(:first-child :last-child :nth-child() :nth-last-child() :nth-of-type() :nth-last-of-type() :first-of-type :last-of-type :only-child :only-of-type)

1、首先需要打开HBuilderX开发工具,创建一个Web项目,并将swiper插件对应的CSS和JavaScript文件拷贝到项目中。

2、然后新建一个静态页面,然后将swiper插件的文件引入到页面中。

3、接着在<body></body>标签中,插入多个div标签并设置class属性

4、利用类选择器和伪类选择器nth-child,设置几个div标签的样式。

5、调用jquery初始化函数,对swiper插件进行初始化,设置autoplay属性。

6、最后保存代码并运行项目,打开浏览器查看界面效果。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/12083577.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-20
下一篇 2023-05-20

发表评论

登录后才能评论

评论列表(0条)

保存