你的位置: 首页 > HTML5网站开发 > 正文
css伪类选择器nth-child无效问题
作者:漫游   分类: HTML5网站开发    时间:2016-11-18 13:48   热度:4281°   字号:        评论:0 
作者:漫游   分类: HTML5网站开发    时间:2016-11-18 13:48   热度:4281°  评论:0 条 

今天用css的伪类选择器nth-child(n),发现只有奇偶形式有效,指定第几个却不行,百思不得其解的情况下,偶然发现了原来还有nth-of-type这个,才是我想要用的,直接上网址:http://www.zhangxinxu.com/wordpress/?p=1709

在父容器div下的各子元素,如果是混合类型的情况下,要指定其中某一类元素的第几个,那就要用nth-of-type(n);

例如:

<div>
<a></a>
<a></a>
<span></span>
<a></a>
<span></span>
</div>

要指定第1个span就要用span:nth-of-type(1),如果用span:nth-child(1)是得不到任何元素的。

而在单一元素(非混合)的情况下,nth-child(n)和nth-of-type(n)等价。

二者从名称上也能看出区别,type看类型,child不管类型只看次序。


瞧瞧上一篇文章去!   瞧瞧下一篇文章去!
本文标签: CSS
二维码加载中...
本文作者:漫游      文章标题: css伪类选择器nth-child无效问题
本文地址:http://www.roammemo.com/html5/184.html
版权声明:若无注明,本文皆为“漫游的备忘录”原创,转载请保留文章出处。
返回顶部    首页    手机版本   
版权所有:漫游的备忘录    站长: 漫游    模板基于:博闻广记 v1.2   程序:emlog