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

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

开通本站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

全部评论 0

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