[css21] undo style declarations / cascading

Consider this markup

<body id=main>
    ...
    <div id=editor contenteditable>
        <table width=700 >...</table>
    </div>

</body>

And in styles declared somewhere for the page there is such rule:

#main table { width:100%; }

that obviously applies to the #editor>table element and
that ruins the design of content inside #editor.

So there is a need for something like

#editor>table { width: <use-default-handling>; }

But I simply don't know what to put there. width:auto has different meaning
for the table and other elements like img, textarea, etc.

Disclaimer: I do know that @width and the like are deprecated but that
is about editing real documents from the web wilderness.

It should be something to achieve this, no?

-- 
Andrew Fedoniouk.

http://terrainformatica.com

Received on Thursday, 8 November 2012 05:16:13 UTC