css - 特定のdivのcssのスタイルを変更するには?

Question

li特定の意味でタグのスタイルを変更したいのですが、その要素をページ全体に表示したいのですが、最初はそのタグdivを表示したくありません。liそのタグのスタイルを変更したい。

<ul id="butons_right">
        <li>
            <a href="#service" id="toTop" rel="nofollow">Top</a>
        </li>
        <li>
             <div id="close"></div>
        </li>
</ul>

これは、ページの開始時に表示したくない要素です。スタイルをdisplay:noneに変更したい。

誰でも私に解決策を提供できますか。前もって感謝します。

Answer 1

特定のCSSを選択するには、nth-child css セレクターを使用します。li

次に例を示します。

#butons_right > li:nth-child(1){
  /*your css*/
}

そして、css で最初liのプロパティを使用して非表示にします。display:none

Answer 2

CSS で:

#butons_right>li {
    display: none;
}

ただし、そのタグに何かを割り当てて、その特定のタグを選択できるようにします。どのliタグを非表示にするかわかりません。

最初のliタグの場合は、 を使用しますli:first-child。そうでない場合は、それにクラスを割り当てます。たとえば、hiddenを使用してから.hidden( #butons_right>.hidden、または単に.hidden)。