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

背景:

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

方式1:

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

完全不符合我的需求。

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

结果还真被我找到了。

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

查看效果符合需求。

相关推荐
郝学胜-神的一滴2 小时前
Effective STL 第1条:慎重选择容器类型
开发语言·c++·程序人生·软件工程
阿明62 小时前
list模拟实现(简单版)【C++】
开发语言·c++·学习·list
南屿im2 小时前
别再被引用坑了!JavaScript 深浅拷贝全攻略
前端·javascript
Yupureki2 小时前
从零开始的C++学习生活 1:命名空间,缺省函数,函数重载,引用,内联函数
c语言·开发语言·c++·学习·visual studio
想要一辆洒水车2 小时前
vuex4源码分析学习
前端
sophie旭2 小时前
一道面试题,开始性能优化之旅(6)-- 异步任务和性能
前端·javascript·性能优化
年少不知有林皇错把梅罗当球王2 小时前
vue2、vue3中使用pb(Base64编码)
前端
FanetheDivine2 小时前
常见的AI对话场景和特殊情况
前端·react.js
sophie旭2 小时前
一道面试题,开始性能优化之旅(5)-- 浏览器和性能
前端·面试·性能优化
lypzcgf3 小时前
Coze源码分析-资源库-编辑知识库-前端源码-核心组件
前端·知识库·coze·coze源码分析·智能体平台·ai应用平台·agent平台