为了账号安全,请及时绑定邮箱和手机立即绑定

CSS3nth类型限于类

CSS3nth类型限于类

慕慕森 2019-06-26 17:31:46
有没有办法限制CSS 3?nth-of-type去上课?我有一个动态数字section具有指定其布局需求的不同类的元素。我想每3小时拿一次.module,但似乎nth-of-type查找类元素类型,然后计算该类型。相反,我只想把它限制在.moduleS.谢谢!JSFiddle将展示:http://jsfiddle.net/danielredwood/e2BAq/1/HTML:<section class="featured video">     <h1>VIDEO</h1></section><section class="featured module">     <h1>NOT A VIDEO</h1></section><section class="featured module">     <h1>NOT A VIDEO</h1></section><section class="featured module">     <h1>NOT A VIDEO (3)</h1></section><section class="featured module">     <h1>NOT A VIDEO</h1></section><section class="featured module">     <h1>NOT A VIDEO</h1></section><section class="featured module">     <h1>NOT A VIDEO (6)</h1></section>css:.featured {   width:31%;   margin:0 0 20px 0;   padding:0 3.5% 2em 0;   float:left;   background:#ccc;}   .featured.module:nth-of-type(3n+3) {     padding-right:0;     background:red;   }   .featured.video {     width:auto;     padding:0 0 2em 0;     float:none;   }CSS3nth类型限于类
查看完整描述

3 回答

?
ABOUTYOU

TA贡献1812条经验 获得超5个赞

不幸的是,没有办法(至少我不知道)选择nth-of-type一堂课,因为nth-of-class根本不存在。您可能需要每隔三分之一就添加一个新类。.module手动。


查看完整回答
反对 回复 2019-06-26
  • 3 回答
  • 0 关注
  • 431 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信