今天为了实现隔行变色,我在css里写:
1 2 3 | .note:odd{ background-color: #eee; } |
有一个页面有效果,另一个页面没效果,怎么也找不到原因。。。各种尝试各种清缓存都不行,,,好无奈
然后 wd过来帮我调 他问:js里没写么 我说没啊
他也试着清缓存 不管用。
他说css里这样写不对 odd是js的写法
我突然想起来 我好像在页面的js文件里初始化了:
1 | $( '.note:odd' ).css( 'background' , '#f9f9f9' ); |
捂脸。
不仅浪费自己时间,还浪费别人时间。罪过。
总结:实现隔行变色有两种方式,一种是上边的js代码,另一种是在css里面写,如下:
1 2 3 | .note:nth-of-type(2n){ background-color: #f9f9f9; }: |
nth-of-type(n) 是CSS3的选择器,n可以为数字、关键词或公式。
犯过的错不要再犯了。
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 为什么说在企业级应用开发中,后端往往是效率杀手?
· 用 C# 插值字符串处理器写一个 sscanf
· Java 中堆内存和栈内存上的数据分布和特点
· 开发中对象命名的一点思考
· .NET Core内存结构体系(Windows环境)底层原理浅谈
· 本地部署DeepSeek后,没有好看的交互界面怎么行!
· 为什么说在企业级应用开发中,后端往往是效率杀手?
· 趁着过年的时候手搓了一个低代码框架
· 推荐一个DeepSeek 大模型的免费 API 项目!兼容OpenAI接口!
· 用 C# 插值字符串处理器写一个 sscanf