CodePen Embed - css-greater

<div>「>」で子要素にのみ適用</div>
<div>
    <span>divタグの子要素のspanのみ適用</span>
    <div>
      <p>
        <span>pタグの子要素は適用されない</span>
      </p>
      <span>divタグの子要素であれば適用</span>    </div>
</div>

div > span {
    color: blue;
}

This Pen is owned by kenny on CodePen.

See more by @walnutxken on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.