CSS: Как бы выбрать конкретный текст и скрыть его

Question

У меня нет доступа к html, но я хочу что-то проверить ... Как бы выбрать текст boomboomboom и скрыть его с помощью CSS ...

разметки выглядит следующим образом:

<div class="bla"> 
    <div> 
    <strong>some text</strong> 
    <br /> 
    boomboomboom 
    </div> 
</div> 

I судимого это:

.bla div { 
    text-indent: -9999px; 
} 
.bla div strong { 
    text-indent: 0px; 
} 

, но это просто скрывает "текст" вместо "boomboomboom" ...

Может ли кто-нибудь мне помочь? http://jsfiddle.net/b26N7/1/

Answer 1

Проверить this topic, это то же самое.

Заключение: вы не можете выбрать текстовый узел с помощью css в данный момент (без использования его в html-элементе), но вы можете сделать это с помощью JavaScript.

Answer 2

Удалить <br />, чтобы отделить «boomboomboom» в следующей строке.
Вы можете использовать "display:block", чтобы показать «boomboomboom» в следующей строке.

Тогда ваш css будет работать правильно.

Пример: http://jsfiddle.net/uL9Rg/