关于设置指定位置处的节点样式_html/css_WEB-ITnose
程序员文章站
2022-04-15 18:13:21
...
本帖最后由 liaoyu45 于 2012-10-09 16:45:28 编辑
如何在 css 代码中设置d1中的第 N 个元素的样式?
在 w3cschool 上好象看到过,自以为能记住……
这个是 d1 下的所有 span 的 display 都是 block 了。
一开始以为 firstchild 好像能满足这个需求……
求大侠!
哦……不要用 javascript,不用专属 class,N 是变量,都是干干净净的节点。
span1 span2 span3 b1div1spanN
如何在 css 代码中设置d1中的第 N 个元素的样式?
在 w3cschool 上好象看到过,自以为能记住……
#d1 > span{ display: block;}
这个是 d1 下的所有 span 的 display 都是 block 了。
一开始以为 firstchild 好像能满足这个需求……
求大侠!
哦……不要用 javascript,不用专属 class,N 是变量,都是干干净净的节点。
回复讨论(解决方案)
不用js怎么知道哪个是第N个元素?HTML,CSS都是静态的东西,你选择第一个或者最后一个用CSS还可以做到,你这第N个~~~
用js的话,可以用下面这句,
document.getElementById("d1").getElementsByTagName("*")[N-1].style.display = "none";
但是有一点,如果你的这些元素的个数有这么多,所以为了安全起见,可以把上面的拆开,做个判断,还有就是如果是动态生成的这些元素,就得要确定元素生成之后,才调用这句话,否则也会出错的。
能力有限,不能达到你要求的,仅供参考。
不用js怎么知道哪个是第N个元素?HTML,CSS都是静态的东西,你选择第一个或者最后一个用CSS还可以做到,你这第N个~~~
用js的话,可以用下面这句,
document.getElementById("d1").getElementsByTagName("*")[N-1].style.display = "none";
但是有一点,如果你的这些元素的个数有这么多,所以为了安全起……
css甚至可以挂木马。
引用 1 楼 的回复:
不用js怎么知道哪个是第N个元素?HTML,CSS都是静态的东西,你选择第一个或者最后一个用CSS还可以做到,你这第N个~~~
用js的话,可以用下面这句,
document.getElementById("d1").getElementsByTagName("*")[N-1].style.display = "none";
但是有一点,如果你的这些元素……
如果CSS能做到的话,还要js干啥。
推荐阅读
-
关于设置ie6,ie7样式的问题_html/css_WEB-ITnose
-
关于设置ie6,ie7样式的问题_html/css_WEB-ITnose
-
css设置具有指定type属性值的input文本框的样式_html/css_WEB-ITnose
-
关于设置指定位置处的节点样式_html/css_WEB-ITnose
-
css设置具有指定type属性值的input文本框的样式_html/css_WEB-ITnose
-
关于设置指定位置处的节点样式_html/css_WEB-ITnose
-
CSS:列表样式(设置列表项的标志图案/位置)_html/css_WEB-ITnose
-
CSS:列表样式(设置列表项的标志图案/位置)_html/css_WEB-ITnose