Question

我有一个字符串＆＃34;我是一个好人。＆＃34;我需要突出显示单词的第一个字母＆＃39;我＆＃39;好＆＃39;，＆＃39; person＆＃39; - 我，G，P使用CSS。这可能吗？

<table> 
   <tr> 
      <td width="70%" class="heading"><strong>I am a Good Person</strong>
      </td> 
   </tr> 
</table>

谢谢..！

Answer 1

.highlight{
 color: red;
}

<table> 
   <tr> 
      <td width="70%" class="heading"><strong><span class='highlight'>I</span> am a <span class='highlight'>G</span>ood <span class='highlight'>P</span>erson</strong>
      </td> 
   </tr> 
</table>

使用span标记并添加您的样式以突出显示。

Answer 2

这可能是一个解决方案。

有关详细信息，请参阅::first-letter选择器。

＆＃13;

td div::first-letter {
  color: red;
}

＆＃13;

<table> 
   <tr> 
      <td width="70%" class="heading"><strong><div>I</div> am a <div>Good</div> <div>Person</div></strong>
      </td> 
   </tr> 
</table>

＆＃13;

Answer 3

你可以使用这样的span标签：

<td width="70%" class="heading"><strong><span>I</span> am a <span>G</span>ood <span>P</span>erson</strong>

然后使用css规则，如：

.heading strong span{
   color: blue;
}

使用css更改字符串中几个字的首字母的颜色

3 个答案: