英文:
how can I make the first letter of each word capitalized when each word is capitalized?( :first-letter is not working )
问题
我试图为一个具有属性 index=0 的元素分配样式。
选择器 :first-letter 不起作用。
如何使用属性选择器（在这种情况下 [index='0'] ）来实现这个选择器？
我对第一个元素的期望输出是：
Text 0 Paragraph（红色文本）
英文:
I am trying to assign a style to an element where its attribute index=0
The selector :first-letter is not working.
How can do it the selector by attribute (in this case [index='0'] )?
My desired output for the first element is:
Text 0 Paragraph (red text)
<!-- begin snippet: js hide: false console: true babel: false -->
<!-- language: lang-css -->
p[index='0']{
color:red;
}
p[index='0']{
text-transform: lowercase;
}
p[index='0']:first-letter {
text-transform: uppercase;
}
<!-- language: lang-html -->
<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>
<!-- end snippet -->
答案1
得分: 1
:first-letter 只在第一个词上起作用。如果您的文本很短，您可以使用 :first-line。否则，您需要使用 JavaScript 来转换它。
p[index='0'] {
color: red;
text-transform: lowercase;
}
p[index='0']:first-line {
text-transform: capitalize;
}
英文:
:first-letter only work on the first word. If your text is short you can use :first-line. Otherwise you need to use js to transform it
p[index='0']{
color:red;
text-transform: lowercase;
}
p[index='0']:first-line{
text-transform: capitalize;
}
通过集体智慧和协作来改善编程学习和解决问题的方式。致力于成为全球开发者共同参与的知识库，让每个人都能够通过互相帮助和分享经验来进步。
评论