background-color:#E1EDF8
}
这句没用 我就是想把 没有hidden属性的这些行按奇偶变色 这句CSS无效
-
本版专家分：69结帖率 88.82% -
table.menuTable tr td table#tblKanri tr:not(.hidden):nth-child(even)]{
background-color:#E1EDF8
}
这句没用 我就是想把 没有hidden属性的这些行按奇偶变色 这句CSS无效展开阅读全文
-
本版专家分：158673
-
- 签到新秀 累计签到获取，不积跬步，无以至千里，继续坚持！
-
- GitHub 绑定GitHub第三方账户获取
-
-
进士
2019年总版新获得的技术专家分排名前十
2018年总版新获得的技术专家分排名前十
2017年 总版技术专家分年内排行榜第七
-
- 银牌 2019年1月 总版技术专家分月排行榜第二
-
-
table.menuTable tr td table#tblKanri tr:not(.hidden):nth-child(even)]{ 多了个]
-
本版专家分：158673
-
- 签到新秀 累计签到获取，不积跬步，无以至千里，继续坚持！
-
- GitHub 绑定GitHub第三方账户获取
-
-
进士
2019年总版新获得的技术专家分排名前十
2018年总版新获得的技术专家分排名前十
2017年 总版技术专家分年内排行榜第七
-
- 银牌 2019年1月 总版技术专家分月排行榜第二
-
-
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title> 页面名称 </title>
<style type="text/css">
table#tblKanri tr {
background-color: #f00;
}
table#tblKanri tr:not(.hidden):nth-child(even){
background-color: #00f;
}
</style>
</head>
<body>
<table id="tblKanri">
<tr><td>bbbbbbb</td><td>cccccccccc</td></tr>
<tr><td>bbbbbbb</td><td>cccccccccc</td></tr>
<tr><td>bbbbbbb</td><td>cccccccccc</td></tr>
<tr class="hidden"><td>hidden</td><td>hidden</td></tr>
<tr><td>bbbbbbb</td><td>cccccccccc</td></tr>
<tr><td>bbbbbbb</td><td>cccccccccc</td></tr>
<tr><td>bbbbbbb</td><td>cccccccccc</td></tr>
<tr><td>bbbbbbb</td><td>cccccccccc</td></tr>
<tr><td>bbbbbbb</td><td>cccccccccc</td></tr>
</table>
</body>
</html>
-
本版专家分：69
-
还是不行啊
<!doctype html>
运行一下你就明白我的问题了
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title> 页面名称 </title>
<style type="text/css">
table#tblKanri tr {
background-color: #f00;
}
table#tblKanri tr:not(.hidden):nth-child(even){
background-color: #00f;
}
.hidden{
display:none;
}
</style>
</head>
<body>
<table id="tblKanri">
<tr><td>bbbbbbb</td><td>cccccccccc</td></tr>
<tr><td>bbbbbbb</td><td>cccccccccc</td></tr>
<tr><td>bbbbbbb</td><td>cccccccccc</td></tr>
<tr class="hidden"><td>hidden</td><td>hidden</td></tr>
<tr><td>bbbbbbb</td><td>cccccccccc</td></tr>
<tr><td>bbbbbbb</td><td>cccccccccc</td></tr>
<tr><td>bbbbbbb</td><td>cccccccccc</td></tr>
<tr><td>bbbbbbb</td><td>cccccccccc</td></tr>
<tr><td>bbbbbbb</td><td>cccccccccc</td></tr>
</table>
</body>
</html>
-
本版专家分：158673
-
- 签到新秀 累计签到获取，不积跬步，无以至千里，继续坚持！
-
- GitHub 绑定GitHub第三方账户获取
-
-
进士
2019年总版新获得的技术专家分排名前十
2018年总版新获得的技术专家分排名前十
2017年 总版技术专家分年内排行榜第七
-
- 银牌 2019年1月 总版技术专家分月排行榜第二
-
-
css没办法，用jquery吧
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title> 页面名称 </title>
<style type="text/css">
table#tblKanri tr {
background-color: #f00;
}
table#tblKanri tr.even{
background-color: #00f;
}
.hidden{
display:none;
}
</style>
</head>
<body>
<script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$("#tblKanri tr:not(.hidden):even").addClass("even");
});
</script>
<table id="tblKanri">
<tr><td>bbbbbbb</td><td>cccccccccc</td></tr>
<tr><td>bbbbbbb</td><td>cccccccccc</td></tr>
<tr><td>bbbbbbb</td><td>cccccccccc</td></tr>
<tr class="hidden"><td>hidden</td><td>hidden</td></tr>
<tr><td>bbbbbbb</td><td>cccccccccc</td></tr>
<tr><td>bbbbbbb</td><td>cccccccccc</td></tr>
<tr><td>bbbbbbb</td><td>cccccccccc</td></tr>
<tr><td>bbbbbbb</td><td>cccccccccc</td></tr>
<tr><td>bbbbbbb</td><td>cccccccccc</td></tr>
</table>
</body>
</html>
- CSS3 强势笔记 ~
文章目录CSS3css 属性查找网站处理兼容性的插件预处理器和后处理器pre-processor（预处理器）post-processor （后处理器）postCssCSS3 SelectorRelationship SelectorsE > F：直接子元素选择器E + F：下一个满足...
- css样式问题综合
Html1. html转义字符 gegeke 2013-11-19 14:28:17× (×) 是... Html--Abbr标签： Css3: 3. 文本问题：(1).writing-mode将页面默认的水平流改成了垂直流(2).设置多行文本省略号显示：单行文本省略号显示：.t...
- 前端面试题 HTML、CSS、JS、Vue、Es6
CSS整理答案 什么是HTML5？ 答：HTML5是最新的HTML标准。 注意：讲述HTML5推出的设计目的，以及现在市场的使用情况，浏览器支持情况等。。。。 设计目的 HTML5的设计目的是为了在移动设备上支持多媒体。新的语法...
- 前端个人学习笔记（1）--HTML、CSS
今天的学习内容是百度前端技术学院零基础学院第五天和第六天的课程，任务是做三个不同的简历，简历内容一样，样式不同。下面记录一下我的学习收获。font-weight：字体加粗；对象值：从100到900，最常用font-weight的...
- htm+css复习
属性选择器 img[alt=“foo”] { 这个选中了所有alt为foo的图片； } img[alt^=‘f’]{ 选择alt属性以f开头的图片； } img[alt$=‘f’]{ 选择alt属性以f结尾的图片； } img[alt*=‘f’]{ 123 f 34 选择alt属性以中间...
- HTML_and_CSS
HTML知识 1. html概念 html全称HyperText Markup Language，翻译为超文本标记语言，它不是一种编程语言，是一...比如字体、颜色、大小等。 超文本：音频，视频，图片称为超文本。 标记 ：<英文单词或者字母>......
- ssh分页经典代码
分页程序是web不可缺少的功能，下面讲一下如何在ssh下创建分页程序。 该分页在优点为：pager的功能配置都在基类，子类使用分页功能极容易，方便进行开发。 缺点：功能复杂 ...import java.util.
- css3与页面布局-概要，选择器，特殊性，刻度单位
Q1：选择器 1.id选择器(#):以#开始，引用时使用id，如id="div1" 2.类选择器(.):以.开始，使用class属性引用，可以有多个，如class="cls1 cls2 cls3" ...Q2：在CSS3中新增了很多的选择器，如果大家会...
- 前端笔记(Html+CSS+JS+DOM+网页特效+jQuery+HTML5+CSS3+canvas 标签+web开发重难点+面向对象+AJAX)
第1章Html Html：超级文本标记语言（HyperText Markup Language），在浏览器上运行的一种标记语言。 就是给文本加上含有语义的标签。 接下来应该学习更多具体语义标签： 一、结构（固定的结构） ...bod...
- 标签属性struts2.X心得14--struts标签详细讲解
废话就不多说了，开始。。。 1 Property标签 （1）、说明 用于输出指定的值 ... （2）、属性 ... vlue:选属性，指定需要输出的属性值，如果没有指定该属性，则默认输出ValueStack栈顶的值。 ...
- CSS3 选择器读解
CSS3.0 四个基本的结构性伪类选择器:root 此选择器将绑定到页面的根元素中，所谓根元素，是指文档树中最顶层的元素，也就是<html>部 分。 <!DOCTYPE HTML><html> <head> <meta charset...
- HTML-CSS
HTML知识 1. html概念 html全称HyperText Markup Language，翻译为超文本标记语言，它不是一种编程语言...比如字体、颜色、大小等。 超文本：音频，视频，图片称为超文本。 标记 ：<英文单词或者字母>...注意：H...
- Web基础 HTML和CSS介绍和基本使用及语法，JavaScript和jQuery介绍和基本使用及语法
WEB 什么是WEB 互联网上的一种应用程序-->网页 典型的应用： C/S Client:客户端 Server:服务器 B/S B: Browser :浏览器 S: Server :服务器 WEB的组成 & 运行流程 ...
- Jquery简介之选择器
5种基本的选择器 ...例子：$(#span1).css("color","red"); 标签选择器 $("标签名称") Class选择器 $(".class的值") 群组选择器 $("标签名称1，标签名称2") 包含选择器 $("标签名称1 标签名称2")
- 小白读《锋利的jQuery(第2版)》第二章学习笔记
第2章 jQuery选择器
- JQuery学习笔记（三）——选择器2
4.属性过滤 5.子元素过滤 6.表单对象属性过滤选择器 1. 点击所有的 p 节点, 能够弹出其对应的文本内容 2. 使第一个 table 隔行变色 3.点击 button, 弹出 checkbox 被选中的个数
- jQuery 第二章
jQuery找到元素后添加行为，而css是找到元素后添加样式。 jQuery比css更强大，并有跨浏览器的兼容性。 2.使一个表格隔行变色 步骤：1.根据id获取表格 2.在表格内获取<tbody>元素 3.在<tbody>元素下...
- [jQuery学习系列一]1-选择器与DOM对象
好久没有更新博客了, 最近想复习下 之前学过的JS的相关内容, 也算是自己的一种总结. 知识长时间不用就会忘记, 多学多记多用!! 下面的程序都可以在下面的网站进行在线调试:http://www.365mini.com/diy.php?f=jquery...
- c语言项目开发实例
十个c语言案例 （1）贪吃蛇 （2）五子棋游戏 （3）电话薄管理系统 （4）计算器 （5）万年历 （6）电子表 （7）客户端和服务器通信 （8）潜艇大战游戏 （9）鼠标器程序 （10）手机通讯录系统
- 程序员给女朋友用HTML5制作的3D相册免费(附源码)
一个高大上的HTML5作品,是利用HTML5 canvas制作的3D图片展示。据说是程序员给自己女朋友做的。谁说程序员不懂浪漫!源码下载:CSDN下载频道或来自ypxyangyangyang的整理。...