Html 我可以在一个CSS类中指定两种不同的样式吗？

HTML：

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

你好 我希望CSS类“foo”的定义如下：所附内容的第一个字母是红色，其余字符是绿色。这可能吗

编辑：

如果我想要相反的东西呢？我希望第一个字母不包含在任何样式中（任何父样式除外），其余字母均为绿色。

使用：

这是小提琴：

---

注意：第一个字母选择器在

内联

元素上不起作用。
必须使用

块

，

内联块

或

表

，是，伪选择器

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

---

是的，您可以使用第一个字母伪元素来执行此操作

例如：

.foo{ color: red; }

及

第一个字母伪元素（因此而得名）将更改跨度中第一个字母的属性

您可以阅读更多关于如何做到这一点的信息@

编辑：

---

如果您想做相反的事情，并且将第一个字母从样式中排除，最简单的方法是将第一个字母完全从跨度中排除。您还可以将第一个字母的颜色更改为页面上其余文本的颜色（默认颜色）。

查看相反的情况？（参见问题编辑）@Tim您需要重置

中的样式：第一个字母
选择Ori编辑过一次并被接受，但您将其更改了回来。“所附内容的第一个字母为红色”请重新阅读问题。你的颜色是反的。@ChristopherMarshall-对不起-我没意识到。谢谢你的提示。@Tim-你不能。您必须手动覆盖您应用于元素的任何样式。@Tim有点复制了Joseph Siller…时间戳表明Andrzej是第一个。@user1090389-据我记忆，Joseph在大约30秒前发布了他的答案。-但老实说，您自己的答案不同吗？我将+1让您平分。确实，如果有人已经发布了相同的答案，你不应该复制它，但你只落后30秒，所以我认为可以安全地假设你只是重叠了。不过，你可能想删除你的答案。嗯，最简单的方法是从跨度中排除第一个字母。另一种方法是使跨距的第一个字母与页面上其他文本的颜色相同。
.foo{ color: red; }

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