how to disable text with exceptions

sallazar2 · Post by **sallazar2** » Tue Sep 09, 2008 5:16 am

I have the following html pattern:

<font size="3">foo foo foo<label style=color:white;background-color:#00cc00;><b> bla bla </b></label>foo foo foo <br>

I want to hide text with foo's,so I want to see only "bla bla bla". I tried #font(size=3) but it hides all text. How can I hide foo's and show bla's? Please help.

Wladimir Palant · Post by **Wladimir Palant** » Tue Sep 09, 2008 12:40 pm

No, hiding an element hides all its child nodes as well - so what you ask for isn't possible.

asdf · Post by **asdf** » Wed Sep 10, 2008 11:59 pm

label[style="color:white;background-color:#00cc00;"] { -moz-opacity: 0; background: white; color: white; }

label b { -moz-opacity: 1 !important; display: list-item !important; color: black; }

??

Wladimir Palant · Post by **Wladimir Palant** » Thu Sep 11, 2008 7:58 am

@asdf: That will probably make the text transparent but it will still take up the same space, and it will be selectable...

Btw, you cannot make a selector with the style attribute like this. The style attribute will have a different value once the document is loaded - "color: white; background-color: rgb(0, 204, 0);" with Firefox 3.0.1 but might change in future Firefox versions.