Home/ Questions/Q 8415085
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-10T01:20:43+00:00

I have a HTML page containing some hardcoded/static text. The text string does not

  • 0

I have a HTML page containing some hardcoded/static text.
The text string does not have any class/id/name. It’s just there.
How to hide it on page load?

P.S: I really hope this is not a repeat question. I have done my ‘homework’.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You can hide an element that doesn’t have any direct identifiers by using a CSS selector which examines structure. You didn’t post your markup, so it’s impossible to give an exact solution.

    Example 1

    HTML

    <body>
    <section>
       <div>Div I want to hide</div>
    </section>
</body>

    CSS

    SECTION > DIV { display: none; }

    There are many permutations of this pattern and many selectors available.

    See: CSS2 Selectors (very wide support) and CSS3 Selectors (supported in most newer browsers).

    Example 2

    Here’s a more complex example:

    HTML

    <div id="foo">
    <ul>
        <li>Hide this item</li>
        <li>Don't hide this</li>
        <li>Don't hide this</li>
    </ul> 
</div>

    CSS

    /* hide the first child of any UL which is a direct descendant of #foo */
#foo > UL > LI:first-child { display: none; }
    • 0