改變手寫筆CSS文本的一部分的顏色？

Question

我想用手寫筆即只改變一個字的顏色在文本字符串

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

手寫筆代碼是

h1 
    font-weight bold 
    color white 

我只是想改變在第一個字母的顏色H1那句「我們的」變成黃色 我怎麼能做到這一點的手寫筆，謝謝:)

Answer 1

你可以嘗試:first-letter選擇：

h1:first-letter 
    color: yellow 

Here's一個例子的小提琴。

Answer 2

css選擇器「首字母」選擇器是一個不錯的選擇。

如果您想按照您的示例更改其他字母或文本的某些部分，請使用自己的樣式（例如，

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

Answer 3

這可以通過利用Pseudo-elements

Fiddle

完成