css中,我想把文章的第一行设置单独的样式

背景:

我想把文章的第一行设置单独的样式。

方式1:

我把第一行单独用一个p标签包裹。但是页面是响应式的,随着页面的缩放,第一行的文字被挤到第二行甚至第三行,

完全不符合我的需求。

于是,我思考,有没有什么css选择器,可以直接选中文章的第一行。

结果还真被我找到了。

bash 复制代码
/* 伪元素选择器,优先级:1 */
	p::first-line {
        font-weight: bold;
        color: red;
     }

查看效果符合需求。

相关推荐
java搬砖工-苤-初心不变5 分钟前
OpenResty 配合 Lua 脚本的使用
开发语言·lua·openresty
闲人编程7 分钟前
前端形态与样式风格:从古典到现代的视觉语言演进
前端·css·状态模式·组件·js·风格·响应式
JudithHuang8 分钟前
Mac版微信开发者工具登录二维码不显示问题解决方案
前端
IT灰猫10 分钟前
C++轻量级配置管理器升级版
开发语言·c++·设计模式·配置管理·ini解析
Swift社区22 分钟前
如何解决 Vue2 前端项目为何无法访问本地资源(chunk.js 加载一直 pending/转圈)
开发语言·前端·javascript
大飞pkz31 分钟前
【设计模式】题目小练2
开发语言·设计模式·c#·题目小练
啟明起鸣36 分钟前
【网络编程】从与 TCP 服务器的对比中探讨出 UDP 协议服务器的并发方案(C 语言)
服务器·c语言·开发语言·网络·tcp/ip·udp
清风细雨_林木木41 分钟前
Vue加载资源‘如图片’的“直接引入“方式和“request()“的区别
前端·javascript·vue.js
大熊猫侯佩42 分钟前
iOS 26 仅需几行代码让 SwiftUI 7 液态玻璃界面焕发新春
前端·swiftui·apple