::first-letter 也设置第一个字符的样式 [英] ::first-letter also styles first character
本文介绍了::first-letter 也设置第一个字符的样式的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我有这个文本:
p::first-letter {
color: red;
}
<p>"Welcome!"</p>
但后来我意识到 "
也有样式.
but then i realized that also the "
got styled.
我尝试使用 ::before
但这也没有用:
I tried using ::before
but that didn't work either:
p::first-letter {
color: red;
}
p::before {
content: '"';
}
<p>Welcome!"</p>
我怎么能只设置第一个字母的样式(在干净的代码中)?
How could I manage to only style the first letter (In clean code)?
推荐答案
只需 float
第一个字符并使用 :after
而不是 :before
simply float
the first character and use :after
not :before
p::first-letter {
color: red;
}
p::after {
content: '"';
float:left;
}
<p>Welcome!"</p>
这篇关于::first-letter 也设置第一个字符的样式的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文