Home > Web Front-end > HTML Tutorial > About setting the node style at the specified position_html/css_WEB-ITnose

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

WBOY
Release: 2016-06-24 12:15:34
Original
1412 people have browsed it

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>
Copy after login

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;}
Copy after login

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?

source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template