在stylus css中更改部分文本的颜色?

时间:2012-07-11 10:06:26

标签: css stylus

我想用手写笔改变文字串中只有一个单词的颜色,即

#copy
   h1 Our new site will be ready soon..

手写笔代码是

  h1
   font-weight bold
   color white

我只想将h1短语“Our”中第一个字母的颜色更改为黄色 我怎么能在手写笔中实现这一点,谢谢:)。

3 个答案:

答案 0 :(得分:6)

css选择器“first-letter”选择器是个不错的选择。

如果您想根据您的示例更改其他字母或部分文字,请使用具有自己风格的范围,例如

<h1><span style="color:yellow">O</span>ur <span style="color:blue">new</span> website</h1>

答案 1 :(得分:3)

您可以尝试:first-letter选择器:

h1:first-letter
    color: yellow

Here's一个例子。

答案 2 :(得分:1)

这可以通过使用Pseudo-elements

来完成

Fiddle