<ul>
  <li><a href="a.html" data-g="ana">data-g属性の属性値が「ana」と一致するので効く</a></li>
  <li><a href="b.html" data-g="ana-google">data-g属性の属性値が「ana」とハイフンに続く文字なので効く</a></li>
  <li><a href="c.html" data-g="analytics">data-g属性の属性値が「ana」及びハイフンが続くカタチで始まっていないので効かない</a></li>
  <li><a href="c.html" data-g="analytics ana-google">これも効かない</a></li>
</ul>
a[data-g|="ana"]{
  color: #ff0000;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.