3

div の innerHtml が正規表現と一致する場合、div タグに css を適用したいと考えています。どういうわけか、グーグルで検索するのに適切な検索用語を見つけることができません。SOですでに質問されている場合は、私に指摘してください。

//CSS:

#main div[/* regex here which matches Foo. It will make the div red */] {
    color: red;   
}

</p>

//HTML:
<div id="main">
    <div>This text contains Foo. It contains other stuff too</div>
    <div>Red color will not be applied to this div because regex doesn't match</div>
</div>

正規表現を使用して属性に一致する例を見てきました。たとえば、これ。正規表現がdivの内容と一致するための正しい「用語」を見つけることができません。Javascript を使用してテキストを解析したくありません。

PS : IE、Safari、Opera でこれを使用する必要はないので、Chrome/Mozilla に固有のものも役に立ちます。

ありがとう。

4

1 に答える 1

0

CSS では、innerHTML 内のコンテンツを見つけることはできません。ただし、HTML タグ属性値の文字列を検索することは可能です。

例えば:

a[href*='google.com'] {
  color: red;
}

これは、jQuery を使用した JavaScript で簡単に実行できます。サンプル: http://www.jquery4u.com/syntax/jquery-basic-regex-selector-examples

于 2012-10-11T08:06:34.953 に答える