热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

选择tr元素以仅对特定表设置样式

如何解决《选择tr元素以仅对特定表设置样式》经验,为你挑选了1个好方法。



1> khoekman..:

您确实应该尝试向表中添加一个类,以将其用于特定的表样式。那么您可以在将来将此类用于其他表。仅在不可能的情况下,才应使用其他方法。标识符只能在页面上使用一次。因此,当另一个表以后需要相同的样式时,您需要对其进行更改。而且基于位置的情况甚至更糟,因为如果将来在页面上添加了表格,样式将转移到另一张表格并将其弄乱。

基于表ID看起来像这样

#yourtableid tr:nth-child(even) td {
     background: #F1F1F1;
}
#yourtableid tr:nth-child(odd) td {
     background: #FEFEFE;
}

基于表类看起来像这样

table.yourtableclass tr:nth-child(even) {background: #F1F1F1}
table.yourtableclass tr:nth-child(odd) {background: #FEFEFE}

如果它是页面上的第一个表,它将是这样。

table:first-of-type tr:nth-child(even) td {
     background: #F1F1F1;
}
table:first-of-type tr:nth-child(odd) td {
     background: #FEFEFE;
}


推荐阅读
  • 本文介绍了Java语言开发的远程教学系统,包括源代码、MySQL数据库配置以及相关文档,适用于计算机专业的毕业设计。系统支持远程调试,采用B/S架构,适合现代教育需求。 ... [详细]
  • 本次CSPS模拟测试中,面对算法挑战,作者经历了一次心态与技术的双重考验。通过不断尝试与调整,最终克服了遇到的难题。 ... [详细]
  • 新手指南:在Windows 10上搭建深度学习与PyTorch开发环境
    本文详细记录了一名新手在Windows 10操作系统上搭建深度学习环境的过程,包括安装必要的软件和配置环境变量等步骤,旨在帮助同样初入该领域的读者避免常见的错误。 ... [详细]
  • Scrapy:强大的Python爬虫框架
    Scrapy是一个基于Python的高效网页爬取框架,利用Twisted异步网络库实现高效的网络通信。其架构设计精巧,包括核心组件如引擎、调度器、下载器等,旨在简化大规模数据抓取过程。 ... [详细]
  • 在一些特殊的报表中我们加入了图表元素,可是分类轴与系列值普通情况下都是固定的.那么,有没有什么方法能够依据情况变更分类轴与系列值?方法例如以下:所用报表开发工具:FineRepor ... [详细]
  • 无论是初学者还是经验丰富的开发者,W3CSchool都是一个不可或缺的资源库。本文将介绍几个关键的学习资源,帮助您提升网页开发技能。 ... [详细]
  • 本文探讨了如何利用 Hibernate 进行高效的批量更新和删除操作,包括直接使用 Hibernate API 的方法及其局限性,以及如何通过 JDBC 或存储过程实现更优的性能。 ... [详细]
  • 1.2 行筛选技巧
    面对一张数据表时,若需仅查看符合特定条件的数据行,了解如何高效地进行行筛选至关重要。本文将介绍利用常见的逻辑运算符及组合条件实现精准筛选的方法。 ... [详细]
  • 本文总结了MySQL的一些实用技巧,包括查询版本、修改字段属性、添加自动增长字段、备份与恢复数据库等操作,并提供了一些常见的SQL语句示例。 ... [详细]
  • 本章探讨了使用固定数组实现栈和队列的基本方法,以及如何通过这些基本结构来实现更复杂的操作,如获取栈中的最小值。此外,还介绍了如何利用栈来模拟队列的行为,反之亦然。 ... [详细]
  • 探讨了在用户浏览不同页面时,如何无缝循环播放背景音乐的技术方案,包括自动播放和跨页面状态保持。 ... [详细]
  • 本文介绍了一种SQL查询方法,用于将表中的行数据转换为列显示,特别是当需要根据特定条件聚合不同字段的数据时。通过使用子查询和GROUP BY语句,可以有效地实现这一转换。 ... [详细]
  • 本文详细介绍了Linux操作系统中的cp和scp命令,包括它们的基本使用方法、常见选项以及如何通过scp命令安全地在不同主机之间传输文件。 ... [详细]
  • 从零开始学网页设计与Web前端开发——第二课
    2020年10月30日,西京学院3336教室迎来了第十八期研习活动的第二讲,本次课程由计算机科学18级学生梁鸿飞主讲,深入探讨了HTML与CSS的基础知识。 ... [详细]
  • 本文将详细介绍如何在Bootstrap 5中使用五种不同的表单控件样式,包括输入框、选择器和文本区域等元素。 ... [详细]
author-avatar
李筠惠佩昆琬雯
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有