伪类:first-child的测试

最新推荐文章于 2019-03-03 19:09:45 发布

飘零雾雨

最新推荐文章于 2019-03-03 19:09:45 发布

阅读量503

点赞数

分类专栏： CSS 文章标签： xhtml mozilla ie html opera 浏览器

本文链接：https://blog.csdn.net/storm0/article/details/1805956

版权

CSS 专栏收录该内容

43 篇文章 0 订阅

订阅专栏

first-child其实是一个很好的东西，只是IE一直不支持，不知道是出于什么考虑的，有点无聊。

还记得极遥远的时候，这个问题是xiaoming同学问的。如何在不动原来的代码情况下，只弄个外部css来改变某块东东里面的第一个元素的样式。

很自然，这个问题一下就会让人想到用:first-child，只不过万恶的ie不支持，只能用js或expression了。

由于FF，Opera，Mozilla等浏览器支持:first-child，所以只要给ie写个hack就行了。这里只简单做一下:first-child的效果。

［演示地址：http://www.doyoe.com/model/xhtmlcss/style/firstchild.htm］

XHTML：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="Author" content="飘零雾雨|edzmaster@gmail.com" />
<title>firstChild</title>
<style type="text/css">
.test a:first-child {color:#f00;}
</style>

</head>
<body>
<div class="test">
<a href="#">test</a>
<a href="#">test</a>
<a href="#">test</a>
</div>
</body>
</html>

ie又折腾了我一次，让我多写了好几行代码。

飘零雾雨

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
伪类:first-child的测试

first-child其实是一个很好的东西，只是IE一直不支持，不知道是出于什么考虑的，有点无聊。还记得极遥远的时候，这个问题是xiaoming同学问的。如何在不动原来的代码情况下，只弄个外部css来改变某块东东里面的第一个元素的样式。很自然，这个问题一下就会让人想到用:first-child，只不过万恶的ie不支持，只能用js或expression了。由于FF，Opera，Mozi
复制链接

扫一扫