指定位置のノードスタイルの設定について_html/css_WEB-ITnose

この投稿は liaoyu45 によって最終編集されました: 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>

CSS コードで d1 の N 番目の要素のスタイルを設定するにはどうすればよいですか?
w3cschool で見たようなので、覚えておこうと思いました…

rreee
これは、d1以下の全スパンの表示がブロックされていることです。
最初は、firstchild がこのニーズを満たすことができそうだと思いました...

助けてください!
ああ...JavaScript は使用しないでください。排他的なクラスも使用しないでください。N は変数であり、それらはすべてクリーンなノードです。

ディスカッションへの返信(解決策)

jsを使用せずにN番目の要素がどれであるかを知るにはどうすればよいですか? HTML と CSS は両方とも静的なものです。最初または最後を選択しても、CSS で実行できます。js を使用する場合は、次の文を使用できます。
document.getElementById (" d1").getElementsByTagName("*")[N-1].style.display = "none";

ただし、要素が多すぎる場合は、安全上の理由から、また、これらの要素が動的に生成されている場合は、この文を呼び出す前に要素が生成されていることを確認しないとエラーが発生します。
容量は限られており、ご要望を満たすことができません。これは参考用です。

jsを使用せずにN番目の要素がどれであるかを知る方法は? HTML と CSS は両方とも静的なものです。最初または最後を選択しても、CSS で実行できます。js を使用する場合は、次の文を使用できます。

document.getElementById (" d1").getElementsByTagName("*")[N-1].style.display = "none";

ただし、要素が多すぎる場合、安全のために注意すべきことが 1 つあります...
css トロイの木馬をハングアップすることもできます。

1 階の返信からの引用:
js を使用せずに N 番目の要素がどれであるかを知るには? HTML と CSS は両方とも静的なものです。最初または最後を選択しても、CSS で実行できます。js を使用する場合は、次の文を使用できます。
document.getElementById (" d1").getElementsByTagName("*")[N-1].style.display = "none";

しかし、これらの要素があれば…

CSS でそれができるのであれば、 js を使用する必要があります。