seleccione un lapso con un texto dentro de un div usando css

La estructura es así (tomada del navegador), se genera dinámicamente en el punto compartido Mysite. No tengo control sobre HTML. Necesito esconder todo el tr usando css. El truco es que hay numerosas estructuras de tr similares en la página, pero con texto diferente en span. Sugiera una forma de ocultar solo el tr con el texto Social Notification Properties.

  
Text -Social Notification Properties

Lo intenté hasta ahora pero fallé.

 td[class ~="ms-WPHeader"]+tr+td+div+span[Text ~="Newsfeed"] { display:none; } 

y esto

 .ms-WPHeader ~ .ms-WPTitle.span[Text ~="Newsfeed"] { display:none; } 

usando esto oculta todo el lapso que es obvio

 .ms-WPTitle span { display:none; } 

Puede usar : contiene para descuidar la incapacidad de CSS para seleccionar el nodo de texto.

A continuación hay dos tablas en las que el texto de la segunda tabla es visible.

 $(".ms-WPHeader:contains('Text-Social Notification Properties')").css("display", "none"); 
  
Text-Social Notification Properties
I am visible though

No puede seleccionar elementos con un texto específico dentro a través de CSS. Sin embargo, lo que puedes hacer es buscar a través de jQuery ese elemento y luego agregarle una clase, para que luego puedas seleccionarlo a través de CSS.

 $("span:contains('Social Notification Properties')").addClass('hide'); 

Y luego en CSS

 .hide{ display:none; } 

esto es lo que aún sugiero que puedas usar así

 $('table').addClass("hide_this_tr"); 
 .hide_this_tr tr{ display : none; } 
 

Hay una especificación para :contains('') pseudo-class, pero no puedo hacer que funcione en ningún navegador.

http://www.w3.org/TR/2001/CR-css3-selectors-20011113/#content-selectors

Pero jQuery hace que este selector funcione como dijo Gustaf:

 $("span:contains('Social Notification Properties')"); 

Es la única forma de lograr esto en este momento.

Puede usar :nth-child() si la estructura de su página no cambia :

Para ocultar el 1er tr con la clase ms-WPHeader (Ser útil: esto se ocultará cada 1er tr en cada table ):

 table tr.ms-WPHeader:nth-child(1) {//hide the 1st tr in table display: none; } 

JSFidlle: http://jsfiddle.net/ghorg12110/no891emk/

Sin usar jQuery, JavaScript simple usando XPath (como se menciona en los comentarios):

 var snapshot = document.evaluate( "//tr[contains(concat(' ', normalize-space(@class), ' '), ' ms-WPHeader ')][contains(.//span, 'saurus')]", document, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null ); for (var i = 0; i < snapshot.snapshotLength; i++) { snapshot.snapshotItem(i).classList.add("highlight"); } 
 .highlight { color: red; } 
     JS Bin   
Irrelevant text
A wild stegosaurus appears!
More irrelevant text
Brontosaurus in a wrong TR