About setting the node style at the specified position_html/css_WEB-ITnose

This post was last edited by liaoyu45 on 2012-10-09 16:45:28

<div id="d1" style="background: red; width: 90px; height: 90px">  <span>span1</span>  <span>span2</span>  <span>span3</span>  <b>b1</b>  <div>div1</div>  <span>spanN</span></div>

How to set the style of the Nth element in d1 in css code?
I seem to have seen it on w3cschool, I thought I could remember it...

#d1 > span{ display: block;}

This is the display of all spans under d1 are block.
At first I thought firstchild seemed to be able to meet this need...

Please help!
Oh... don’t use javascript, no dedicated class, N is a variable, they are all clean nodes.

Reply to discussion (solution)

How to know which is the Nth element without using js? HTML and CSS are both static things. If you choose the first or last one, you can still do it with CSS. You are the Nth~~~

If you use js, you can use the following sentence,
document.getElementById("d1").getElementsByTagName("*")[N-1].style.display = "none";

But there is one thing, if the number of your elements is so There are many, so for the sake of safety, you can disassemble the above and make a judgment. Also, if these elements are dynamically generated, you must make sure that the elements are generated before calling this sentence, otherwise an error will occur.
The ability is limited and cannot meet your requirements. It is for reference only.

How to know which is the Nth element without using js? HTML and CSS are both static things. If you choose the first or last one, you can still do it with CSS. You are the Nth~~~

If you use js, you can use the following sentence,
document.getElementById("d1").getElementsByTagName("*")[N-1].style.display = "none";

But there is one thing, if the number of your elements is so There are many, so just to be on the safe side...
css can even be hung with Trojans.

Quote from 1st floor’s reply:
How to know which is the Nth element without using js? HTML and CSS are both static things. If you choose the first or last one, you can still do it with CSS. You are the Nth~~~

If you use js, you can use the following sentence,
document.getElementById("d1").getElementsByTagName("*")[N-1].style.display = "none";

But there is one thing, if you have these elements...

If CSS can do it, why do we need js?