我可以在一個CSS類中指定兩種不同的樣式嗎？

<span class="foo">Hello</span>

我想的CSS類「富」來定義如下：封閉式內容的第一個字母是紅色的，和人物的其餘均爲綠色。這可能嗎？

編輯：

如果我想要相反的東西呢？我希望從任何樣式中排除第一個字母（除了任何父類型），其餘所有字母都是綠色的。

2012-01-26 Tim

見http://www.w3.org/wiki/CSS3/Selectors/pseudo-elements/:first-letter – Woppi

怎麼樣相反？（請參閱問題編輯） – Tim

@Tim您需要重置'：first-letter'選擇器中的樣式 – veritas

.foo { color: green; display: inline-block; } 

.foo:first-letter { color: red; }

注：的:first-letter選擇不會的inline元素上工作。
您必須使用block,inline-block或table。

2012-01-26 05:42:11

我編輯過一次並被接受，但您將其改回。「所附內容的第一個字母是紅色的」請重新閱讀該問題。你的顏色是倒退的。 –

相反呢？（查看問題編輯） – Tim

@ChristopherMarshall - 對不起 - 我沒有意識到。謝謝你的提示。 –

是，:first-letter僞選擇器。

span.foo:first-letter 
{ 
font-size:200%; 
color:#8A2BE2; 
}

2012-01-26 05:42:48

爲什麼downvote？ – Tim

@Tim有點複製了Joseph Siller ... – henryaaron

時間戳表明Andrzej是第一個。 – Tim

是的，你可以使用第一個字母的僞元素來做到這一點。

實施例：

.foo{ color: red; }

和

.foo:first-letter{ color:green; }

第一字母僞元件（因此而得名）將改變在跨度的第一個字母的財產。

編輯：

如果你想要做的對面，有第一個字母從風格排除，最簡單的方法是完全排除跨度中的第一個字母。您還可以將第一個字母的顏色更改爲頁面上其餘文本的顏色（默認顏色）。

2012-01-26 05:47:17 anonymous

相反呢？（請參閱問題編輯） – Tim

那麼，最簡單的方法是從跨度中排除第一個字母。另一種方法是製作跨度的第一個字母，與頁面上其餘文本的顏色相同。 – anonymous

回答