Html 如何将类中的第一个元素的字体大小设置为150%，并将该元素的第一行设置为红色？

以下是HTML格式的代码片段：

.container:first child:：first-line{
字体大小：150%；
}

蔬菜、蔬菜、大头菜、大葱、苋菜、番茄、甜瓜、青豆、大蒜

秋葵甜菜，绿叶玉米，大豆，秋葵葫芦。欧芹、葱、小胡瓜、塔索伊、豌豆芽、蚕豆、羽衣甘蓝、蒲公英、秋葵、西红柿。蒲公英黄瓜花生豌豆花生索科西葫芦

水果
蔬菜
苹果
马铃薯
橙色
胡萝卜
番茄
防风草
几维鸟
洋葱
香蕉
甜菜

要使第一个子字体大小为150%，请执行以下操作：

.container p:first-child {
  font-size: 150%;
}

要使第一行变为红色，请执行以下操作：

.container p:first-child:first-line {
  color: red;
}

---

我认为应该使用p:：first-line，而不是：first-child。 ：：第一行仅选择段落的第一行，而第一个子项选择第一段，该段可以显示在多行上

此外，必须设置颜色属性，而不是背景

.container p::first-line{
    color: red;
}

在这种情况下，所有段落的第一行都是红色的。如果您只需要一个特定的段落，可以为其指定一个ID，然后使用first:line

编辑： 要使第一段的字体大小为150%，可以使用：first child:

.container p:first-child{
    font-size:150%;
}
.container  p:first-child::first-line {
  color: red;
}

---

请展示你的努力“第一行”是什么意思？呈现时？第一个元素“”的字体大小应为150%，第一行的字体大小应为红色。第一行是哪一行？哪句话？从“Veggies”到“gralic”？我还希望前面提到的这段文字的字体大小为150%（整个段落而不仅仅是第一行）。您可以使用p:first-child仅选择第一段。我已经编辑了我的答案。检查是否有一个通用规则，只选择第一个子元素，而不考虑上面代码的元素类型？是的，只需将标记名替换为

。在上述情况下，将

p

元素替换为两种样式的

（

.container>：第一个孩子
&
.container>：第一个孩子：第一行
）。