Home / Questions / 193649
Accepted
zerokira
Asked: 2020-09-04 08:55:39 +0800 CST 2020-09-04 08:55:39 +0800 CST

如何使用 CSS 将首字母大写

  • 772

我正在尝试放置一个带有第一个字母和其他字母的大写文本，该文本不能由或修改。有没有办法让这成为可能？mayúsculaminúsculasjshtml

CSS

.let p {
    text-transform: lowercase;
}
<div class="let">
    <p>ESTO ES UNA INFORMACION QUE NECESITO QUE SEA LA PRIMERA LETRA MAYUSCULA Y LAS OTRAS MINUSCULAS</p>
</div>

html

6 Answers

  1. Best Answer

    您应该将文本小写，然后使用以下 CSS 选择器将第一个字母大写：:first-letter.

    住宿方式如下：

    .let p {
    text-transform: lowercase;
}

.let p:first-letter {
    text-transform: uppercase;
}
    <div class="let">
    <p>ESTO ES UNA INFORMACION QUE NECESITO QUE SEA LA PRIMERA LETRA MAYUSCULA Y LAS OTRAS MINUSCULAS</p>
</div>

    • 9

  2. 首先将整个段落转换为小写。

    .let p {
text-transform: lowercase;
}

    然后你只对第一个字母应用大写。

    .let p::first-letter {
    text-transform: uppercase;
}
    • 5 

  3. .let p:first-letter {
    text-transform: uppercase;
}

.let p:not(first-letter) {
    text-transform: lowercase;
}
    <div class="let">
    <p>ESTO ES UNA INFORMACION QUE NECESITO QUE SEA LA PRIMERA LETRA MAYUSCULA Y LAS OTRAS MINUSCULAS</p>
</div

    • 1

  4. lowercase：以小写字母显示元素的所有文本。

    大写字母：显示元素的所有文本大写字母。

    capitalize：将每个单词的第一个字母显示为大写，所有其他字母显示为小写。

    none：在键入时显示文本，尊重所有大小写。

    • 0

  5. 你可以制作标签

    使用带有伪元素的元素，我还可以建议您访问 www.w3schools.com 网站，在那里您可以找到您可能需要的有关网页的所有示例。以下是标签的 2 个示例

    ：

    p::first-letter {
    color: #ff0000;
    font-size: xx-large;
}

p::first-line {
    color: #0000ff;
    font-variant: small-caps;
}

    • 0 
  6. text-transform: capitalize !important;
    • 0