《知识点001：WXSS中多个.class的意思》

已于 2024-08-04 17:47:07 修改
阅读量129 收藏
点赞数 4
分类专栏： # 微信小程序：知识点 文章标签： 小程序 微信小程序 程序人生
于 2024-07-21 12:36:41 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41248260/article/details/140586404
版权

.class1.class2和.class1 .class2的区别

第一个中间没空格：表示匹配的是同时拥有class1和class2的元素。


<view class="class1 class2">...</view>

第二个中间有空格：表示匹配的是父节点是class1类，子节点是class2类的元素。


<view class="class1">
  <view class="class2">
    ...
  </view>
</view>

大大大钢琴
关注
专栏目录
微信小程序开发的入门基础知识点
weixin_42218868的博客
08-14 771
一、小程序介绍_安装_使用 介绍小程序: 2017年1月9日，张小龙，腾讯。 支付宝现在也推出了小程序 无需安装，无需卸载，触手可及，用完即走 小程序基于微信，微信基于腾讯，腾讯有庞大的用户基数。 小程序的核心技术基于h5 ajax的web app 小程序的核心技术基于h5ajax的web app 开始开发: https://mp.weixin.qq.com 1、注册账号 2、登录 3、...
微信小程序知识点总结
kelepaopao_的博客
05-31 546
微信小程序知识点总结 4.12 小程序的页面结构： app 主体： app.json (小程序配置文件） | 特点：| 最后一项配置不要逗号，所有的配置标点符号为英文| | pages：| 哪个页面被配置，哪个页面就是首页要放到最前面| | window：| 窗口的配置| app.js (主业务逻辑） app.wxss (主样式css） pages 页面： index 首页 | index.js（首页的业务逻辑）| data:首页的数据 | | index.json（首页配置）| 覆盖app.json
WXSS 相关知识点补充
Mark
01-04 1470
目录 1、样式的三种写法 2、小程序支持的选择器 3、wxss的扩展-尺寸单位 4、wxss的扩展-样式导入 5、官方样式库 1、样式的三种写法 页面样式的三种写法：（1）行内样式、（2）页面样式 page.wxss、（3）全局样式 app.wxss。都可以作用于页面的组件 <!--1.行内（内联）样式--> <view style='color:red; fo...
零碎知识点持续补充中...
分享前端开发工程师的一些日常生活、前端知识点、职业发展、对一些问题的看法、感悟等等
04-20 1444
当进行多人开发的时候，每次push的时候代码都要打包，因为你选择某一方的打包文件，都是不完整的代码，只要合并代码打包新的才行。 iview中小红点和 <Form-item prop="id"> 有关，id和校验rule对应上了就会有小红点。加上 require="true" ,只有小红点，实际不验证 测试的时候先确定是不是代理成功了，清浏览器缓存 一定要先git pull，再git ...
【微信小程序实战教程】之微信小程序 WXSS样式处理详解
柯晓楠
07-26 1116
WXSS是基于CSS拓展的样式语言，主要用于描述WXML的组件样式，决定WXML的组件该怎么显示。WXSS具有CSS大部分特性，但是又在CSS的基础上做了很大的改进，例如WXSS扩展了尺寸单位、样式导入等新特性。目前，官方文档还没有给出WXSS详细的说明，到底具备CSS的哪些特性，这也导致在项目开发中不能随意的使用CSS属性。对于iOS和Android真机调试时，还是要注意兼容的问题，例如尺寸单位的兼容问题。
微信小程序云开发教程-WXSS入门-样式的使用
软件工程小施同学 的专栏
08-15 1037
同学们大家好，我是小伊同学，在上一节课中我们讲解了编写一组样式的语法格式，那么如何将样式作用到组件上呢？这就是我们今天要教给大家的。 上一节课我们介绍的声明段代码都需要写在wxss后缀的文件中，而我们在wxml部分的讲解中提到，组件有两种属性可以设置其样式，分别是style和class属性。 这两种方式的区别在于： class属性的属性值为wxss文件中的声明块的名称，也即类选择器； style属性的属性值为多条声明。 也就是说，cla...
WeChat---小程序知识点总结
COCOLI_BK的博客
07-01 1975
1.全局样式与局部样式 定义在 app.wxss 中的样式为全局样式，作用于每一个页面。 在 pages中组件的 wxss 文件中定义的样式为局部样式，只作用在对应的页面，并会覆盖 app.wxss 中相同的选择器。 2.小程序的单位:rpx 小程序支持的单位？ 可以说小程序就是在微信体系网页的另一种表现方式。网页中的单位小程序基本都支持。但实际开发中，常用到的是以下几种 ↓ .........
微信小程序入门知识点
ShIcily的博客
04-24 643
1、在wxml中只有用text标签包裹的文本才能在手机上长按选中 2、小程序的自适应单位是rpx，一般情况下不要使用px 3、每一个页面都是一个文件夹，下面的wxml、wxss、json、js文件最好和文件夹名称一致，这样在app.json中配置页面的时候只需一行即可 例如有一个welcome欢迎页面，那么我们如下操作： 在app.json中配置时，只需要一行即可完成这个页面的配置，同...
小程序基础知识点
weixin_43323097的博客
08-17 607
小程序基础知识点
微信小程序24点计算游戏 (2).rar
01-25
现在我们将结合微信小程序的开发知识，来探讨如何实现这样一个24点计算游戏。 首先，我们需要了解微信小程序的基本架构。微信小程序由JSON、WXML、WXSS和JavaScript四部分组成。JSON负责配置文件，定义页面结构和...
【愚公系列】《微信小程序开发解析》002-小程序基础知识
热门推荐
时光隧道
07-07 2万+
小程序是一种轻量级应用程序，用户可以在不需要下载安装的情况下直接使用。小程序通常具有较小的体积，快速加载速度，提供类似原生应用的用户体验。
那些微信小程序中常见的面试题及知识点
liu_kaige的博客
11-04 2469
微信小程序常见的面试题目和基础知识点 题目概述 一、简单描述下微信⼩程序的相关⽂件类型 二、封装微信⼩程序的数据请求的 三、微信⼩程序中有哪些参数传值的⽅法 四、你使⽤过哪些⽅法，来提⾼微信⼩程序的应⽤速度 五、分析下微信⼩程序的优劣势 六、简述微信⼩程序原理 七、微信⼩程序与H5的区别 八、简述 wx.navigateTo(),wx.redirectTo(),wx.switchTab(),wx.navigateBack(),wx.reLaunch() 九、微信小程序的for循环 十、⼩程序的双向绑定和
小程序-生命周期与WXS脚本
最新发布
2301_76890677的博客
09-25 713
生命周期函数：是由小程序框架提供的内置函数，会伴随着生命周期，自动按次序执行。生命周期函数的作用：允许程序员在特定的时间点，执行某些特定的操作。例如，页面刚加载的时候，可以在 onLoad 生命周期函数中初始化页面的数据。注意：生命周期强调的是时间段生命周期函数强调的是时间点。wxs 代码还可以编写在以 .wxs 为后缀名的文件内，就像 javascript 代码可以编写在以 .js 为后缀名的文件中一样。
创意实现！在uni-app小程序商品详情页轮播中嵌入视频播放功能
weixin_44590591的博客
09-25 1052
通过uni-app框架实现商城小程序商品详情页的视频与图片轮播功能，以提升用户体验和增加商品吸引力。通过展示商品视频和图片，用户可以更全面地了解商品细节，从而提高购买决策的便利性和满意度。这种功能适用于各类商品，如服装、家具、电子产品等。通过本文的步骤，您将学会如何在商城小程序中利用uni-app框架实现商品详情页的视频与图片轮播功能
PHP探索校园新生态校园帮小程序系统小程序源码
2401_84593645的博客
09-24 500
无论是寻找学习伙伴、组队参加竞赛，还是寻找志同道合的朋友，校园帮都能帮你轻松实现。校园帮小程序还提供了丰富的校园生活服务。它像是一个贴心的生活管家，时刻关注着你的需求，让你在校园里的每一天都过得舒心、便捷。无论你是需要查找课表、预约图书馆座位，还是想要了解最新的校园活动、社团招新信息，只需轻轻一点，所有信息尽在掌握。让我们一起拥抱这个全新的校园生态，用科技的力量点亮校园生活，共创属于我们的美好未来！今天，就让我带你一起探索“校园帮小程序系统”，它正悄然改变着我们的校园生活，引领我们走进一个全新的生态时代！
社区团购的创新与变革——融合开源链动 2+1 模式、AI 智能名片及 S2B2C 商城小程序
专注MarTech应用研究与实施方案
09-23 813
本文从信息流、资金流、物流角度深入分析社区团购的特点，探讨其如何避免传统线下中心零售的高展示成本与传统电商的高交付成本。同时，引入开源链动 2+1 模式、AI 智能名片及 S2B2C 商城小程序等创新元素，阐述它们为社区团购带来的新机遇与发展前景，强调社区团购作为新模式对旧模式的迭代、冲击和颠覆。
线上报名小程序怎么做
weixin_43736045的博客
09-25 592
线上报名小程序怎么做
关于公司小程序项目在登录流程获取token并全局使用的梳理（学习篇）
a26637896的博客
09-24 551
关于公司小程序项目获取token并使用的梳理
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

大大大钢琴

喜欢！就请他吃3块钱好吃的吧！

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值