小编Roc*_*uby的帖子

CSS技巧:nth-​​of-type()

嗨,我正在寻找一些特别的东西,甚至不确定它是否可以使用纯CSS完成:

<div-1> 
  <div-x></div-x>
  <div-x></div-x>
  <div-x></div-x>
  <div-x></div-x>
<div-1> 
Run Code Online (Sandbox Code Playgroud)

我在scss尝试做的是

if <div-x> render count is even
  then only apply &:last-child{ something; } to div number len(<div-x>)-1
end
Run Code Online (Sandbox Code Playgroud)

EG: 如果div-x渲染为4,则将伪元素应用于3rd div-x else

我试过下面,但它适用于所有奇数元素

&:nth-of-type(odd) {
  border-bottom: none;
}
Run Code Online (Sandbox Code Playgroud)

任何提示/帮助将不胜感激!

css sass css-selectors

4
推荐指数
1
解决办法
9541
查看次数

标签 统计

css ×1

css-selectors ×1

sass ×1