<div id="widget">
  <p>「id="widget"なdiv要素」の中の「p要素」です。</p>
</div>
<p class="midori">「class="midori"なp要素」です。</p>
div#widget p {
  font-size: 25px;  
}

p.midori {
  color: green;
}

div#widget, p.midori {
  border: 5px solid pink;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.