Untitled

Table
{
   border: dashed 1px #333333;
   padding: 2px;
}

Table
{
   border: dashed 1px #333333;
   padding: 2px;
}

Table Table
{
   border: solid 0px #000000;
   padding: 0px;
}

<html>
  ...
  <body>
    <div>
      <div>
      <div>
    <div>
  </body>
</html>

body > div
{
  border:solid 1px orange;
}

ol { list-style: upper-roman }
ol ol { list-style: upper-alpha }
ol ol ol { list-style: lower-roman }
ol ol ol ol { list-style: lower-alpha }

<style type="text/css">
.outer {border: dashed 1px #333333;}
</style>
</head>
<body>
  <table class="outer">
  <tr><td>before inner table.
    <table>
    <tr>
    <td>Inside inner table.</td>
    </tr>
    </table>
    After inner table.
    </td>
  </tr>
  </table>
</body>

div > table {border: dashed 1px #333333;}