html - CSSでliのコンテンツの一部だけを非表示にするにはどうすればよいですか？

Question

次のコードでは、「Hello world」を非表示にしますが、CSSを使用してul.myphotosを表示したままにします。

これが私が持っているもののサンプルです：

<ul class="content">
    <li>
        Hello world
        <ul class="myphotos">
            <li>Photo1</li>
            <li>Photo2</li>
        </ul>
    </li>
</ul>

Answer 1

あなたはあなたが持っているatmのコードでそれをすることはできません（まあ、はい、あなたはいくつかのかなり「ハッキーな」トリックでそれをすることができます...）。

クリーンな解決策を提案します。そのテキストを別のタグでラップします。例：

<ul class="content">
    <li>
        <span>Hello world</span>
        <ul class="myphotos">
            <li>Photo1</li>
            <li>Photo2</li>
        </ul>
    </li>
</ul>

そして今、あなたは簡単に言うことができます：

li > span{
   display:none;
}

Answer 2

<span>ID付きのタグにHelloWorldを入れて、それを非表示にします。