text-overflow:ellipsisの「…」のリンクは2箇所の色指定が必要１

by iwbjp

HTML

<div id="s">
<a href="#">テキストが入ります。</a>
</div>

CSS

#s {
  width: 300px;
  font-size: 40px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  word-wrap: normal; /* for IE */
}

#s a {
  color: red;
}