CODEWITHSUNDEEP
htmlcss
Thomas Veit
Thomas Veit

Reputation: 47

CSS: How would I select a specific Text and hide it

I don't have access to html, but i want to test something... How would I select the text boomboomboom and hide it with CSS...

the markup looks like this:

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

I tryed this:

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

but this just hides "some text" instead of "boomboomboom"...

can anyone help me? http://jsfiddle.net/b26N7/1/

Upvotes: 1

Views: 168

Answers (2)

n1kkou
n1kkou

Reputation: 3142

Check this topic, it's the same thing.

Conclusion is, you can't select the text node with the css at this moment(without wraping it in a html element), but you can do it with JavaScript.

Upvotes: 3

Rakesh Kumar
Rakesh Kumar

Reputation: 2853

Remove <br /> to separate the "boomboomboom" in next line.
You can use "display:block" to show the "boomboomboom" in next line.

Then your css will work properly.

Example: http://jsfiddle.net/uL9Rg/

Upvotes: -1

Related Questions