<div>
  <ul>
    <li><span>サンプル</span>テキスト</li>
  </ul>
</div>
div > ul {
  color: #4169E1;
  list-style-type: none;
}

/* ここから先の記述は孫要素となるため子結合子での指定が反映されない */

div > li {
  list-style-type: disc;
  color: #000;
}

div > span {
  color: #FFB6C1;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.