javascript - 用特定颜色的 li 元素绘画

标签 javascript jquery html css

我有这个 html 结构:

<ul>
<li></li>
<li></li>
<li></li>
...
</ul>

我需要按照以下顺序将 li 元素涂成红色。

第 1、3、7、11 等

请记住,li 元素是动态生成的。

最佳答案

等待更多信息,如果您需要绘制第一个元素,然后绘制每个 4n-1 元素,只需使用 psuedoclasses:

li:first, li:nth-child(4n-1) { 
   color: ... 
}

另外请注意,这些伪类不适用于较旧的 IE 浏览器,因此如果您还需要为 IE7 设置某些特定列表项的样式,请考虑在服务器端生成标记时输出一些类(或通过 jQuery 将样式应用于元素)

关于javascript - 用特定颜色的 li 元素绘画,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9417101/

相关文章:

javascript - toggleClass 只工作一次

javascript - 表单未提交

javascript - 使用范围 slider 作为输出

HTML 输出文本不会根据 Shiny 的 CSS 文件而改变

javascript - Canvas 中的文本使用 jQuery 按时间序列显示?

javascript - Node.js/Express post 方法日志在控制台中未定义

jQuery:通过 ajax 获取 JSON,但使用 POST 而不是 GET

javascript - 尝试在图表上绘制虚线

javascript - JS验证多个同名输入字段

javascript - 我可以将切换 CSS 应用于多个元素吗?