CSS Cascades

The CSS Cascade in action.

by richardneililagan

HTML

<body>
    <div id="wrap">
        <p class="item">
            This is the <em>cascade</em> in
            <a href="#">action</a>
        </p>
    </div>
</body>

CSS

body {
    color: #000;
    background-color: #fff;
  }
  #wrap {
    font-size: 2em;
    color: #333;
  }
  div {
    font-size: 1em;
  }
  em {
    color: #666;
  }
  p.item {
    color: #fff;
    background-color: #ccc;
    border-style: dashed;
  }
  p {
    border: 1px solid black;
    padding: 0.5em;
  }