Question

用哪个CSS选择器选择带id的元素的第一个字母？我想用id＆＃39; special＆＃39;来制作元素的第一个字母。绿色和100px字体大小。我试过了：

#special:nth-of-type(1){
    color: green;
    font-size: 100px;
}

Answer 1

有一个::first-letter伪选择器

＆＃13;

#special::first-letter {
  color: green;
  font-size: 100px;
}

＆＃13;

<p id="special">This is a paragraph</p>

＆＃13;

Answer 2

我遇到了同样的问题。上面的答案是正确的。有关详细信息，请阅读https://code.tutsplus.com/tutorials/the-30-css-selectors-you-must-memorize--net-16048

上的以下内容

“21.X :: pseudoElement

p::first-line {
   font-weight: bold;
   font-size: 1.2em;
}

我们可以使用伪元素（用：:)指定元素的片段，例如第一行或第一个字母。请记住，必须将这些元素应用于块级元素才能生效。

伪元素由两个冒号组成：::

定位段落的第一个字母

p::first-letter {
float: left;
font-size: 2em;
font-weight: bold;
font-family: cursive;
padding-right: 2px;
}

这个片段是一个抽象，它会在页面上找到所有段落，然后只对该元素的第一个字母进行子目标。

这通常用于为文章的第一个字母创建类似报纸的样式。

定位段落的第一行

p::first-line {
font-weight: bold;
font-size: 1.2em;
}

类似地，:: first-line伪元素将按预期为样式设置元素的第一行。“

如果要选择带有id的元素的第一个字母，只需添加“＃”即可选择它。它是这样的：

#insertnameofyouridhere::first-line {
       color: blue;
       font-size: 20px;
    }