You are here
css第一个元素 第二个元素
在做网页的JS特效时，CSS的隐藏和显示是被经常使用的，通常是让一组标签全部隐藏，让组元素的第一个标签作为默认并显示，那就要用到css中的伪类选择器。
加入要让第二个 th 占table表格总宽度的50%.
<style type = "text/css">
table tr th:nth-child(2) {
color:#f00;
}
</style>
<table>
<tr>
<th>第一个</th>
<th>第二个</th>
<th>第三个</th>
</tr>
</table>
定义：
:nth-child(n) 选择器匹配属于其父元素(在这里就是tr)的第 N （这里选择第2个）个子元素（这里子元素是th），不论元素的类型。
来自 http://www.jb51.net/css/140677.html
来自 http://www.jb51.net/css/140677.html
只对第一个链接A添加一个背景颜色，第二个链接无样式，应该怎么修改。
再问下，如果网页顶部不加<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">这个声明，有没办法实现上述功能。
发现之前做的东西加这个声明很多地方显示就错误了。
CSS的伪类选择器有很多种，在这里只讲解CSS中如何定义一组标签中的第一个元素。
定义标签的第一个元素使用“first-child”关键字
语法：选择器:first-child{}
HTML代码：<ul><li>第一项</li><li>第二项</li><li>第三项</li></ul>
CSS代码：ul li:first-child{ color:red;}
以上的代码中，第一个li标签的文字内容“第一项”会变成红色，实现这个功能，这个功劳全归first-child所有，是不是很简单！
来自 http://jingyan.baidu.com/article/aa6a2c14d6187a0d4d19c454.html
css匹配选择属于其父元素的第N个子元素的方法
加入要让第二个 th 占table表格总宽度的50%.
<style type = "text/css">
table tr th:nth-child(2) {
color:#f00;
}
</style>
<table>
<tr>
<th>第一个</th>
<th>第二个</th>
<th>第三个</th>
</tr>
</table>
定义：
:nth-child(n) 选择器匹配属于其父元素(在这里就是tr)的第 N （这里选择第2个）个子元素（这里子元素是th），不论元素的类型。
来自 http://www.jb51.net/css/140677.html
来自 http://www.jb51.net/css/140677.html
只对第一个链接A添加一个背景颜色，第二个链接无样式，应该怎么修改。
<style type="text/css">
.test h3 a:first-child {background-color: #FF0000;}</style><div class="test"><H3><a href="#">abc</a> <a href="#">123</a></H3></div>发现之前做的东西加这个声明很多地方显示就错误了。
普通分类: