CSS "inner-html" technique? [duplicate]

Question

I was wondering if there was a way to query elements according to the word it contains. So, if I have:

<div id="globalPageHeader">
    <h1>Home</h1>
</div>

I want any #globalPageHeader h1 that has the word Home in it, to have a display property of none.

Obviously this example wouldn't work, but I was wondering if there's something like it:

#globalPageHeader h1(innerHTML == "Home") {
     display: none;
}

I don't want to use JavaScript's innerHTML because I have no access to the javascript parts of the admin.

Any help is much appreciated!

Answer 1

With pure CSS, that’s impossible.

Answer 2

This is not possible using CSS. You can, however, do it using jQuery. Why not just add a class to the desired h1 tags?