css选择器找规律:1/4/5/8/9/12/13/16
时间: 2023-07-08 14:55:45 浏览: 46
这些数字有一个共同点,它们都可以表示成 $4n+1$ 或 $4n$ 的形式,其中 $n$ 为整数。因此,可以使用以下两个选择器来选中对应的元素:
- 选择器 `:nth-child(4n+1)` 匹配所有位置是 $4n+1$ 的元素。
- 选择器 `:nth-child(4n)` 匹配所有位置是 $4n$ 的元素。
因此,可以使用以下选择器来选中这些数字对应的元素:
```
:nth-child(4n+1), :nth-child(4n) {
/* 你想要应用的样式 */
}
```
相关问题
css 选择器 一行4个 选择234 678这种规律 无数行
可以使用以下 CSS 选择器实现:
:nth-child(2n+3), :nth-child(2n+7) {
/* 选择器样式 */
}
这个选择器会选择每行中第 2n+3 个和第 2n+7 个元素,其中 n 从 0 开始递增。因此,它会选择每行中的第 2、3、6 和 7 个元素。
.getMenu1{ top: 0px; } .getMenu2{ top: 50px; } .getMenu3{ top: 100px; }如何简写这一段有规律的css代码
可以使用属性选择器和 `calc()` 函数来简写这段有规律的 CSS 代码,如下所示:
```
[class^="getMenu"] {
top: calc((attr(class, numeric) - 1) * 50px);
}
```
这个 CSS 规则使用了属性选择器 `[class^="getMenu"]` 来匹配所有 `class` 属性以 `"getMenu"` 开头的元素,并且使用了 `attr()` 函数来获取元素的 `class` 属性值中的数字部分,并且减去 `1`,然后乘以 `50px` 来计算 `top` 属性值。这样可以大大简化重复的 CSS 代码。