정규식을 기반으로 컨텐츠를 div로 분할하는 방법 CSS를 적용하는 방법

Question

div의 innerHtml이 정규 표현식과 일치하면 CSS를 내 div 태그에 적용하고 싶습니다. 어떻게 든 Google에 적합한 검색어를 찾을 수 없습니다. 그것이 이미 물었다면 나에게 지적 해주십시오.

//CSS: 

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

//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> 

나는 정규식을 사용하여 속성과 일치 예를 보았다. 예 : this. 나는 방금 div의 내용과 일치하는 정규 표현식에 적합한 '용어'를 찾을 수 없습니다. Javascript를 사용하고 텍스트를 구문 분석하고 싶지 않습니다.

추신 : IE, Safari, Opera에서이 작업을 수행 할 필요가 없으므로 Chrome/Mozilla와 관련된 모든 항목도 도움이됩니다.

감사합니다.

Answer 1

CSS에서 innerHTML의 내용을 찾을 수 없습니다. 그러나 HTML 태그 속성 값에 대한 문자열을 검색하는 것이 가능합니다. 예를 들어

는 :

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

당신은 단순히 jQuery로 자바 스크립트에서이 작업을 수행 할 수 있습니다. 샘플 : http://www.jquery4u.com/syntax/jquery-basic-regex-selector-examples