我搜索了很多方法,想要实现我的目标,但是我只找到了一些我不能使用的方法。
问题是:我只想镜像WordPress网站标题的第一个字母。
我有这个CSS:
.site-title {
font-family: fontLogo;
font-size: 60px;
font-weight: bold;
line-height: 1;
margin: 0;
padding: 58px 0 10px;
}
而我已经添加了这部分:
.site-title::first-letter {
font-size: 80px;
-moz-transform: scale(-1, 1);
-webkit-transform: scale(-1, 1);
-o-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1);
}
这里使用了该类:
<h1 class="site-title">TheTitle</h1>
第二个问题是我不能编辑这一行,我能做的唯一事情就是使用CSS(我也试过在WordPress标题编辑器中输入
>span>
但没有成功)。实际上,CSS只是对字母进行了缩放,从60px到80px,但没有反映任何东西。
我被阻塞了,需要一个提示。
::before
和::after
)需要设置content
属性(即使只是空字符串content: '';
),才能被渲染出来。 - David Thomas