<ul>
  <li><a href="#about">href属性の属性値が「#」からはじまるので効く</a></li>
  <li><a href="https://www.yahoo.co.jp/">href属性の属性値が「#」からはじまらないので効かない</a></li>
  <li><a href="https://www.google.co.jp/">href属性の属性値が「#」からはじまらないので効かない</a></li>
</ul>
a[href^="#"]{
  color: #ff0000;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.