当前位置： 首页 > news >正文

【css】nth-child选择器实现表格的斑马纹效果

news 2026/4/12 19:59:19

nth-child() 选择器可以实现为所有偶数（或奇数）的表格行添加css样式，even：偶数，odd：奇数。

代码：

<style>
table {border-collapse: collapse;width: 100%;
}th, td {text-align: center;padding: 8px;
}tr:nth-child(even) {background-color: #f2f2f2;}//基数偶数子元素选择器
</style>
</head>
<body><table><tr><th>Firstname</th><th>Lastname</th><th>Savings</th></tr><tr><td>Bill</td><td>Gates</td><td>$100</td></tr><tr><td>Steve</td><td>Jobs</td><td>$150</td></tr><tr><td>Elon</td><td>Musk</td><td>$300</td></tr><tr><td>Mark</td><td>Zuckerberg</td><td>$250</td></tr>
</table></body>

渲染效果：
在这里插入图片描述

相关文章：

【css】nth-child选择器实现表格的斑马纹效果

nth-child() 选择器可以实现为所有偶数&#xff08;或奇数&#xff09;的表格行添加css样式&#xff0c;even&#xff1a;偶数&#xff0c;odd&#xff1a;奇数。 代码&#xff1a; <style> table {border-collapse: collapse;width: 100%; }th, td {text-align: cente…...

编程日记 2023/8/4 19:34:53

找视频素材就上这8个网站，免费可商用，马住了。

自媒体创作者&#xff0c;视频剪辑一定要知道这8个高质量视频素材网站&#xff0c;免费可商用&#xff0c;赶紧收藏&#xff01; 菜鸟图库 https://www.sucai999.com/video.html?vNTYxMjky 菜鸟图库网素材非常丰富&#xff0c;网站主要还是以设计类素材为主&#xff0c;高清视…...

编程日记 2023/8/4 19:33:52

Springboot部署ELK实战

Springboot部署ELK实战 1、部署docker、docker-compose环境安装docker安装docker-compose 2、搭建elk1、构建目录&&配置文件1、docker-compose.yml 文档2、Kibana.yml3、log-config.conf 2、添加es分词器插件3、启动 3、Springboot项目引入es、logStash配置1、引入依赖…...

编程日记 2023/8/4 19:32:51

【Leetcode】76.最小覆盖子串（困难）

一、题目 1、题目描述 给你一个字符串 s 、一个字符串 t 。返回 s 中涵盖 t 所有字符的最小子串。如果 s 中不存在涵盖 t 所有字符的子串，则返回空字符串 ""。 注意： 对于 t 中重复字符，我们寻找的子字符串中该字符数量必须不少于 t 中该字符数量。如果 s 中存…...

编程日记 2023/8/4 19:31:50

C++ 指针函数和函数指针

除了void类型的函数之外&#xff0c;函数在调用结束之后都要有返回值&#xff0c;指针也可以是函数的返回值。当一个函数的返回值是指针类型时&#xff0c;这个函数就是指针型函数。 使用指针型函数的最主要目的就是要在函数结束时把大量的数据从被调函数返回到主调函数中。而通…...

编程日记 2023/8/4 19:30:49

JAVA实现存在更新不存在插入与及多余的进行删除(三)

这个版本&#xff0c;主要是迭代重载了下save方法&#xff0c;不废话&#xff0c;直接上代码&#xff1a; /*** 保存数据&#xff0c;处理数据的增删改** param paramData 前台的参数* param dbData 后台的数据* param clazz 前后台参数对应的class* param beanName …...

编程日记 2023/8/4 19:28:46

iMX6ULL驱动开发 | OLED显示屏SPI驱动实现(SH1106,ssd1306)

周日业余时间太无聊&#xff0c;又不喜欢玩游戏&#xff0c;大家的兴趣爱好都是啥&#xff1f;我觉得敲代码也是一种兴趣爱好。正巧手边有一块儿0.96寸的OLED显示屏&#xff0c;一直在吃灰&#xff0c;何不把玩一把&#xff1f;于是说干就干&#xff0c;最后在我的imax6ul的lin…...

编程日记 2023/8/4 19:27:44

拥抱创新：用Kotlin开发高效Android应用

拥抱创新&#xff1a;用Kotlin开发高效Android应用 引言 在当今数字时代&#xff0c;移动应用已经成为人们生活中不可或缺的一部分。无论是社交媒体、电子商务还是健康管理&#xff0c;移动应用已经深刻地影响了我们的生活方式。随着移动设备的普及和功能的增强&#xff0c;A…...

编程日记 2023/8/4 19:26:40

Effective Java笔记（20）接口优于抽象类

Java提供了两种机制&#xff0c;可以用来定义允许多个实现的类型&#xff1a;接口和抽象类。自从Java 8为继承引入了缺省方法( default method)&#xff0c;这两种机制都允许为某些实例方法提供实现。主要的区别在于&#xff0c;为了实现由抽象类定义的类型&#xff0c;类必须成…...

编程日记 2023/8/4 19:25:39

react学习笔记——1. hello react

包含的包一共有4个&#xff0c;分别的作用如下&#xff1a; babel.min.js&#xff1a;可以进行ES6到ES5的语法转换&#xff1b;可以用于import&#xff1b;可以用于将jsx转换为js。注意&#xff0c;在开发的时候&#xff0c;这个转换&#xff08;jsx转换js&#xff09;不在线上…...

编程日记 2023/8/4 19:24:37

明明已经安装字体，但IDEA、CLION无法找到思源黑体/Source Hans Sans的问题解决

IDEA、CLION的Jetbrain系列软件不支持非TrueType的中文字体&#xff0c;而Adobe官方给出的字体却不是TrueType的&#xff0c;所以便会导致Jetbrain系软件无法找到已安装的中文字体&#xff0c;因此我们需要安装TrueType的字体 请在以下Github链接中下载&#xff1a; TrueType思…...

编程日记 2023/8/4 19:23:33

2023-08-03力扣今日四题

链接&#xff1a; 剑指 Offer 67. 把字符串转换成整数 题意&#xff1a; 按规则将字符串转换成整数&#xff0c;规则不详叙 解&#xff1a; 字符串处理 实际代码&#xff1a; #include<iostream> #include<cstring> #include<climits> using namespac…...

编程日记 2023/8/4 19:22:28

【学会动态规划】最佳买卖股票时机含冷冻期（15）

目录 动态规划怎么学&#xff1f; 1. 题目解析 2. 算法原理 1. 状态表示 2. 状态转移方程 3. 初始化 4. 填表顺序 5. 返回值 3. 代码编写 写在最后&#xff1a; 动态规划怎么学&#xff1f; 学习一个算法没有捷径&#xff0c;更何况是学习动态规划&#xff0c; 跟我…...

编程日记 2023/8/4 19:21:27

随机RSI震荡指标公式(StochRSI)，RSI和KDJ二合一

随机RSI震荡指标(StochRSI)是由图莎尔钱德和斯坦利克罗发明的一种摆动指标&#xff0c;结合了相对强弱指标&#xff08;RSI&#xff09;和随机指标&#xff08;KDJ&#xff09;的原理&#xff0c;目的是提高灵敏度&#xff0c;解决RSI难以达到超买超卖区的问题&#xff0c;以便…...

编程日记 2023/8/4 19:20:26

轻松搭建酒店小程序

酒店小程序的制作并不需要编程经验&#xff0c;只需要按照以下步骤进行操作&#xff0c;就能很快地搭建自己的小程序商城。 第一步&#xff0c;注册登录账号进入操作后台&#xff0c;找到并点击【商城】中的【去管理】进入商城的后台管理页面&#xff0c;然后再点击【小程序商城…...

编程日记 2023/8/4 19:19:25

算法通过村——Hash和队列问题解析

算法的备胎Hash和找靠山的队列 备胎Hash Hash&#xff0c;不管是算法&#xff0c;还是在工程中都会大量使用。很多复杂的算法问题都用Hash能够轻松解决&#xff0c;也正是如此&#xff0c;在算法例就显得没什么思维含量&#xff0c;所以Hash是应用里的扛把子&#xff0c;但在算…...

编程日记 2023/8/4 19:18:23

租赁类小程序定制开发|租赁管理系统源码|免押租赁系统开发

随着互联网的发展&#xff0c;小程序成为了一种重要的移动应用开发方式。租赁小程序作为其中的一种类型&#xff0c;可以为很多行业提供便利和创新。下面我们将介绍一些适合开发租赁小程序的行业。 　　房屋租赁行业&#xff1a;租房小程序可以帮助房东和租户快速找到合适的租赁…...

编程日记 2023/8/4 19:17:21

后端进阶之路——浅谈Spring Security用户、角色、权限和访问规则（三）

前言 「作者主页」&#xff1a;雪碧有白泡泡 「个人网站」&#xff1a;雪碧的个人网站 「推荐专栏」&#xff1a; ★java一站式服务 ★ ★前端炫酷代码分享 ★ ★ uniapp-从构建到提升★ ★ 从0到英雄&#xff0c;vue成神之路★ ★ 解决算法&#xff0c;一个专栏就够了★ ★ 架…...

编程日记 2023/8/4 19:16:21

Mac 安装不在 Apple 商店授权的应用程序

文章目录 一、场景介绍二、实操说明 一、场景介绍 在日常的工作生活中&#xff0c;发现一些好用的应用程序&#xff0c;但是出于某些原因&#xff0c;应用程序的开发者并没有将安装包上架到苹果商店。 那么这些优秀的应用程序下载安装以后就会出现如下弹框被拒之门外 二、实操…...

编程日记 2023/8/4 19:15:20

【MyBatis】MyBatis把空字符串转换成0的问题处理方案（96）

先看问题: Postman入参: MyBatis采用map循环插入: // Mapper接口层void addPar(Param(value "question") Map<String, Object> paramMap);<!-- 新增&#xff1a;参数 --><insert id"addPar" parameterType"map">INSERT IGNO…...

编程日记 2023/8/4 19:14:19

UniversalSplitScreen：让任何游戏都能实现本地分屏的终极指南

UniversalSplitScreen&#xff1a;让任何游戏都能实现本地分屏的终极指南 【免费下载链接】UniversalSplitScreen Split screen multiplayer for any game with multiple keyboards, mice and controllers. 项目地址: https://gitcode.com/gh_mirrors/un/UniversalSplitScree…...

编程新知 2026/4/12 19:56:20

Golang怎么理解GC垃圾回收机制_Golang如何分析和优化Go的内存回收性能【详解】

Go GC 不会立即归还内存给操作系统&#xff0c;而是在空闲超时&#xff08;默认5分钟&#xff09;或内存压力突增&#xff08;如设置GOMEMLIMIT&#xff09;时由scavenger触发&#xff1b;pprof不显示mmap/cgo等OS层内存&#xff0c;RSS高于HeapSys 20%以上通常表明存在此类问题…...

编程新知 2026/4/12 18:10:29

【2026年携程暑期实习- 4月12日-第一题- 合数求解】（题目+思路+JavaC++Python解析+在线测试)

题目内容 给定一个正整数 nnn，请你找到两个正整数 x,yx,yx,y，使得...

编程新知 2026/4/12 17:31:28

如何通过开源硬件控制方案优化Dell游戏本散热性能

如何通过开源硬件控制方案优化Dell游戏本散热性能 【免费下载链接】tcc-g15 Thermal Control Center for Dell G15 - open source alternative to AWCC 项目地址: https://gitcode.com/gh_mirrors/tc/tcc-g15 在追求极致游戏体验的过程中&#xff0c;散热性能往往成为制…...

编程新知 2026/4/12 16:48:34

Mac终端玩转OpenSSL：3分钟搞定RSA密钥对生成（附PKCS8格式转换技巧）

Mac终端玩转OpenSSL&#xff1a;3分钟搞定RSA密钥对生成&#xff08;附PKCS8格式转换技巧&#xff09; 在数字安全领域&#xff0c;RSA算法一直是加密通信的基石。对于Mac用户而言&#xff0c;系统自带的OpenSSL工具链让密钥管理变得异常简单。本文将带你用终端快速生成RSA密钥…...

编程新知 2026/4/12 16:48:34

从零开始：用Python手把手实现一个前馈神经网络（FNN）完整代码示例

从零开始&#xff1a;用Python手把手实现一个前馈神经网络&#xff08;FNN&#xff09;完整代码示例 在人工智能领域&#xff0c;前馈神经网络&#xff08;Feedforward Neural Network, FNN&#xff09;是最基础也最经典的模型之一。它不仅是深度学习入门的必经之路&#xff0c…...

编程新知 2026/4/12 16:28:16

【华为云CCE实战】内网环境下的Nacos集群容器化部署全流程

1. 内网环境下的Nacos集群部署挑战 在企业级微服务架构中&#xff0c;Nacos作为服务注册中心和配置中心扮演着关键角色。但在内网隔离环境下部署Nacos集群&#xff0c;就像在没有GPS信号的隧道里组车队——既需要确保每辆车&#xff08;节点&#xff09;都能互相定位&#xff0…...

编程新知 2026/4/12 16:16:09

DEAP数据集实战指南：从EEG与生理信号到情感状态解码

1. DEAP数据集简介与核心价值 DEAP数据集是情感计算领域最具影响力的开源数据库之一&#xff0c;全称为Database for Emotion Analysis using Physiological Signals。这个多模态数据集记录了32名参与者在观看音乐视频时的生理反应&#xff0c;包含脑电图&#xff08;EEG&#…...

编程新知 2026/4/12 15:49:56

Talebook个人书库终极指南：从安装到维护的完整解决方案

Talebook个人书库终极指南&#xff1a;从安装到维护的完整解决方案 【免费下载链接】talebook 一个简单好用的个人书库 项目地址: https://gitcode.com/gh_mirrors/ta/talebook Talebook是一个基于Calibre的现代化个人在线书库系统&#xff0c;提供美观的界面、多用户支…...

编程新知 2026/4/12 15:21:17

如何高效优化Windows 11：5个实用技巧全面提升系统性能

如何高效优化Windows 11&#xff1a;5个实用技巧全面提升系统性能 【免费下载链接】Win11Debloat A simple, lightweight PowerShell script that allows you to remove pre-installed apps, disable telemetry, as well as perform various other changes to declutter and cu…...

编程新知 2026/4/12 14:20:00