Cómo eliminar una cadena que no tiene una etiqueta html usando CSS

Necesito eliminar cadenas que no tienen una etiqueta html .

Por ejemplo :

 
keep this and i want to remove this

¿Puedo hacer esto usando solo css?

Tal vez usted puede utilizar font-size ::

 .A { font-size: 0; } .A a { font-size: 20px; } 
 
keep this and i want to remove this

Podrías usar visibility :

 .A { visibility: hidden; } .A a { visibility: visible; } 
 
keep this and i want to remove this

Establezca el estilo dentro de la clase “A” para que esté en blanco por defecto. Configurar una clase secundaria para manejar “.A a”. Esto te permitirá tener dos estilos diferentes. Una para anclar, una para no.

 .A { color: rgba(0, 0, 0, 0.5); } //Set this to transparent .A a { color: #000 } 

Algo como eso.

También puede usar display: none con el pseudo-selector :not()

 .A :not(a) { display: none; } 

EDIT: esto no funciona

Tampoco esto:

 .A { display:none } .A a { display: inline!important; } 

No puedes hacer esto con css puro. Si no puede cambiar el marcado, deberá usar JS para capturar el contenido que desea conservar y eliminar el rest.

Si tiene algún control sobre el marcado, realmente debería considerar el uso de un marcado diferente. Podría tener un elemento alternativo que inicialmente está oculto.

 
keep this and i want to remove this

también puede incluir el rest del contenido que desea eliminar en una etiqueta de intervalo y asignarle una clase a la que puede hacer referencia más adelante.

 
keep this and i want to remove this