display:none for any element except one

[said_fox]

Hello,

I have a web page and it is linked to a css file. In this page I have an element (fieldset) and It is given the id RepCont.

I want to make, display none for any other elements in another linked css file for priniting the page, allowing only RepCont to be displayed.

I want doing this regardless what other elements are i.e their tags name, classes or ids. I just want make the printer media to see the element of id RepCont.

I tried the following, but it seems very stupid idea:


@charset "utf-8";
/* CSS Document */
body{display:none}
#RepCont {display:block;}


However, I need your ideas!

[Centauri]

Try :* {display:none;}
#RepCont {display:block;}

[said_fox]

Hi,

It does not work!

[Centauri]

This would depend very much on the structure of the page. If #RepCont is contained within any other elements, then they too would need to be displayed - probably better off hiding all the elements you don't want displayed by listing those elements (separated by commas) in one rule.

[said_fox]

Yes,
RepCont is a part of table's cell.

This prove that table based layout causes some problems!