html - CSSの「inner-html」テクニック？

Question

含まれている単語に従って要素をクエリする方法があるかどうか疑問に思いました。だから、私が持っている場合：

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

#globalPageHeader h1単語Homeが含まれているものには、のdisplayプロパティが必要noneです。

明らかにこの例は機能しませんが、私はそれのようなものがあるかどうか疑問に思いました：

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

innerHTML管理者のjavascript部分にアクセスできないため、JavaScriptを使用したくありません。

どんな助けでも大歓迎です！

score 17 · Accepted Answer

17

純粋なCSSでは、それは不可能です。

于 2013-03-26T02:08:09.260 に答える

score 5 · Accepted Answer

これはCSSを使用しては不可能です。ただし、jQueryを使用してそれを行うことができます。目的のh1タグにクラスを追加しないのはなぜですか？

score 3 · Accepted Answer

私も同様の問題を抱えていました。できることは、<h1>要素に属性を追加することです。例title：

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

そしてCSSで：

#globalPageHeader h1[title = 'Home'] {
     display: none;
}

それは私のために働いた。

3 に答える 3