当前位置: 首页 > 面试题库 >

你有了解css计数器(序列数字字符自动递增)吗?如何通过css的content属性实现呢?

缑嘉玉
2023-03-14
本文向大家介绍你有了解css计数器(序列数字字符自动递增)吗?如何通过css的content属性实现呢?相关面试题,主要包含被问及你有了解css计数器(序列数字字符自动递增)吗?如何通过css的content属性实现呢?时的应答技巧和注意事项,需要的朋友参考一下

counter-reset:设置计数器 counter-reset: count 0 /* 计数器从1开始 */
counter-increment: 递增数值 counter-increment: count 2 /* 用于count 每次递增2 */
eg.

<ul>
  <li>Item</li>
  <li>Item</li>
  <ul>
    <li>Item</li>
    <li>Item</li>
  </ul>
</ul>
css">
ul {
  counter-reset: count;
}
li::before {
  counter-increment: count;
  content: counters(count, '-')'.';
}
1.Item
2.Item
    2-1.Item
    2-2.Item
 类似资料:
  • 本文向大家介绍CSS content属性特殊字符有哪些?相关面试题,主要包含被问及CSS content属性特殊字符有哪些?时的应答技巧和注意事项,需要的朋友参考一下 参考文章 来自CSDN

  • 问题内容: 这可能在MySql中吗?我可以有一个以字母为前缀的自动递增主键,例如R1234,R1235,R1236 …等等吗? 问题答案: 您可以做的是将密钥存储为两列。一个char前缀和一个auto-incrementing int,它们都被分组为主键。

  • 本文向大家介绍你有去看过或者了解过css的标准文档吗?相关面试题,主要包含被问及你有去看过或者了解过css的标准文档吗?时的应答技巧和注意事项,需要的朋友参考一下 当然,CSS 中可以研究的太多了,比如 css2 的层叠上下文极其诡异,比如 body 的默认值与普通 dom 的不同,flex-shrink 的计算规则等等,虽然看得很吃力,但对研究很有帮助。

  • 字体尺寸(font-size) 我们在CSS尺寸单位一课中已经讲解过,用来设置文本显示大小。 p{ font-size: 16px;} 记住设置字体尺寸(font-size)为 16px 不表示每个字符都是 16px 高,实际尺寸还取决于每个字符所用的字体族(font-family)。 字体风格(font-style) 有3种字体样式:正常体(normal)、斜体(italic)和倾斜(obliq

  • 问题内容: 您可以使用以下代码来增加伪元素中的数字。 有没有一种方法可以使用相同的代码来递增字母,例如“ a”,“ b”,“ c”等? 谢谢! 问题答案: 是的,的第二个参数定义了使用的计数器的类型,例如来自常规或的;例如: 其他包括:,,,,,,,,,,。 由于上面的样式列表似乎有所更新,我选择添加一个代码段,该代码段使用户可以从(当前)可用选项中进行选择,以及一个“输出”区域,以显示如何在CS

  • 问题内容: 我需要根据CSS属性进行数值计算。但是,当我使用它来获取信息时: 它返回值“ 10px”。有没有窍门刚开值的数字部分无论是或或或什么? 问题答案: 这将清除字符串中的所有非数字,非点和非减号: 更新为负值