2013-03-26 5 views
4

포함 된 단어에 따라 요소를 쿼리하는 방법이 있는지 궁금합니다. 나는 그래서 만약 :CSS "내부 HTML"기술?

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

나는 nonedisplay 속성을 가지고 그 단어 Home이있는 #globalPageHeader h1을합니다.

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

내가 관리자의 자바 스크립트 부분에 액세스 할 수 없기 때문에 자바 스크립트의 innerHTML를 사용하지 않으 : 그것은 뭔가가 있다면

은 물론이 예는 작동하지 않을 것입니다,하지만 난 궁금 해서요 .

도움을 주시면 감사하겠습니다.

+0

이전에는 contains() 의사 클래스 였지만 그 이유를 아는 사람은 제거되었지만 jQuery는 여전히 지글 선택기에서 지원합니다 –

+0

http://stackoverflow.com/questions/5441680/css-selector- 요소 기준 텍스트 – digitalextremist

답변

10

순수한 CSS로는 불가능합니다.

+0

아. 좋아, 나는 그것을 두려워했다. 감사! – randmath

4

CSS를 사용할 수 없습니다. 그러나 jQuery를 사용하여이 작업을 수행 할 수 있습니다. 왜 단지 원하는 h1 태그에 클래스를 추가하지 않는 것이 좋을까요?

+0

그래, 나는 그것을 할 것이다, 세계를 제외하고, 그것은 많은 일이다. 또한 관리자의 자바 스크립트 측에 액세스 할 수 없으므로 jQuery도 없습니다. 그래도 고마워! – randmath

2

비슷한 문제가있었습니다. 당신이 할 수있는 일은 <h1> 요소에 속성을 추가하는 것입니다. 예를 title를 들어 :

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

는 그리고 다음 CSS에서 :

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

그것은 나를 위해 일했습니다.

+0

왜 수업을 추가하지 않는 것이 좋을까요? – Tim