【原创】相同CSS样式模块，同级多个相同DIV标签设置不同样式-Discuz教程下载

登录/ 注册
站长工具
 找回密码
 立即注册
QQ登录
搜索
返回列表 发新帖

【原创】相同CSS样式模块，同级多个相同DIV标签设置不同样式

来自版块: Discuz教程发表于: 2023-7-24 21:49:26
3322
0
如本资源下载地址失效,请点击此处进行反馈
开通本站Svip会员，全站资源免费下
相关教程：【实测】CSS样式nth-child的灵活使用技巧及使用方法
请根据相关教程自行摸索，以下为兔源码整理后的教程，小白可直接看懂。

  1. <template>
  2.   <div id="tuyuanma_com">
  3.     <div class="tuyuanma_com">兔源码</div>
  4.     <div class="tuyuanma_com">兔源码A</div>
  5.     <div class="tuyuanma_com>兔源码B</div>
  6.   </div>
  7. </template>
复制代码
CSS样式
亲爱的游客您好，请 登录 后进行 回复
  1. <template>
  2.   <div id="tuyuanma_com">
  3.     <div>兔源码</div>
  4.     <div>兔源码A</div>
  5.     <div>兔源码B</div>
  6.   </div>
  7. </template>
复制代码
CSS样式
亲爱的游客您好，请 登录 后进行 回复
更灵活的使用方法
亲爱的游客您好，请 登录 后进行 回复
实现效果如下：
左边红色框中模块调用的是右边蓝色框中的样式，分别对应的是第1、2、3、5、6、7个模块；
左边紫色框中模块调用的是右边蓝色框中的样式，分别对应的是第4、8、12...4的倍数个模块；
QQ截图20230725142529.png
原创，CSS，样式，模块，DIV，标签，设置

举报

全部评论 0

期待你的评论哦~

教程 / CSS+DIV素材

  • Discuz教程
  • CSS+DIV素材

所属版块

返回版块

您需要登录后才可以回帖 立即登录
登录
0
0
0

©2015-2022 www.tuyuanma.com 版权所有 Sitemap.xml

本站内容皆来自网络分享，如有侵权请联系我们处理。

赣公网安备36112102000036号 赣ICP备17001544号-10

联系邮箱：tuyuanma@qq.com 联系QQ：3197813386

返回顶部