Sale Leads

在继续之前我想给你一些建议，让自己舒服一点，因为有很多这样的建议
我们自定义一个元素的第一个字母
从我之前向您展示的示例中，出现了一个痛苦的现实：以错误的方们代码的质量以及搜索引擎理解我们文本的能力。

这是因为我们是第一个犯错误的人。作为？

首先，我们使用标记语言在代码中定义一个钩子，除此之外，我们不向搜索引擎提供任何具有语义意义的元素。我们创建的钩子只会迷惑搜索引擎，最终我们只是用它来应用一种样式......这绝对不符合 W3C 规范，幸运的是有标准规则可以克服 伊朗数据 这个问题。


如果您检查我刚刚链接的示例中的 HTML 代码，您会注意到<span>我们之前用来添加自定义项的元素不再存在。

但是第一个字母怎么可能总是突出显示呢？

这就是伪元素为我们提供的力量。参考前面的定义，伪元素与定义字符串中出现的第一个字母的元素相似，在本例中是段落元素中包含的字母::first-letter。

使用 ::first-letter 伪元素，我只能使用 CSS 更改文本的第一个字母
现在您知道可以::first-letter识别 CSS 规则中用作选择器的元素中出现的第一个字母，剩下的就是查看应用了哪些规则。

CSS
1
p ::第一个字母{
2
字体大小：250%；
3
浮动：向左；
4
右边距：5px；
5
}
正如您所看到的，一旦我们将伪元素识别为规则的选择器，您就可以应用您想要的任何 CSS 属性并将其视为真正的元素。唯一的区别是您指定的任何属性都将应用于选定的伪元素。