我試圖給一個屬性索引=0的元素分配一個樣式 選擇器:第一個字母不起作用。

如何通過屬性實現(xiàn)選擇器(在本例中是[index='0'])？

我希望第一個元素的輸出是: 文本0段落(紅色文本)

p[index='0']{
  color:red;
}

p[index='0']{
  text-transform: lowercase;
}

p[index='0']:first-letter {
  text-transform: uppercase;
}

<p index="0">TEXT 0 PARAGRAPH</p>
<p index="1">TEXT 1 PARAGRAPH</p>
<p index="2">TEXT 2 PARAGRAPH</p>
<p index="3">TEXT 3 PARAGRAPH</p>

:首字母只對第一個單詞有效。如果你的文字很短，你可以用:首行。否則你需要用js來轉(zhuǎn)換它

p[index='0']{
  color:red;
  text-transform: lowercase;
}

p[index='0']:first-line{
  text-transform: capitalize;
}