8.21 :odd??:nth-of-type??
2024-08-30 10:36:18
今天为了实现隔行变色,我在css里写:
.note:odd{
background-color: #eee;
}
有一个页面有效果,另一个页面没效果,怎么也找不到原因。。。各种尝试各种清缓存都不行,,,好无奈
然后 wd过来帮我调 他问:js里没写么 我说没啊
他也试着清缓存 不管用。
他说css里这样写不对 odd是js的写法
我突然想起来 我好像在页面的js文件里初始化了:
$('.note:odd').css('background','#f9f9f9');
捂脸。
不仅浪费自己时间,还浪费别人时间。罪过。
总结:实现隔行变色有两种方式,一种是上边的js代码,另一种是在css里面写,如下:
.note:nth-of-type(2n){
background-color: #f9f9f9;
}:
nth-of-type(n) 是CSS3的选择器,n可以为数字、关键词或公式。
犯过的错不要再犯了。
最新文章
- Spring 02多种注入方式和注解实现DI
- CSS 声明( Declarations )
- Android中解析JSON格式数据常见方法合集
- [转]Unity 3D旋转矢量方向及二维平面基于一点选择另一点(Rotate a Vector3 direction &; Rotate a point about another point in 2D )
- java执行机制
- rhel7.2 yum
- Spring+SpringMVC+MyBatis+easyUI整合优化篇(九)数据层优化-jdbc连接池简述、druid简介
- [国嵌攻略][149][Yaffs2文件系统应用]
- 关于html中图片上传预览的实现
- 比较爬虫用的语言Python与Go
- FastClick用法
- 4、Zookeeper简单介绍
- CSS魔法(四)常用属性
- 电商系统架构总结1(EF)
- 【计算机网络】 网络体系结构分类: 客户机/服务器体系和P2P
- django admin登陆添加修改内容
- python基础_类型_list
- PHP session用redis存储
- VNC Viewer连接Cent OS 时的 复制粘帖 功能
- Jmeter创建一个点对点的 JMS 测试计划
热门文章
- BBS--功能4:个人站点页面设计(ORM跨表与分组查询)
- 回溯法 leetcode题解 Combination Sum 递归法
- CSS TYPOGRAPHY
- JSFL 禁止脚本运行时间太长的警告
- linux 3.10 一次softlock排查
- Linux删除ORACLE数据库用户失败提示ORA-01940解决方法
- JAVAWEB 一一 Hibernate(框架)
- spring boot 项目配置字符编码
- 安装mysql 初始化的时候报错 Can't find file: './mysql/db.frm' (errno: 13) ERROR: 1017
- 学JS的心路历程-函式(二)arguments