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

背景:

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

方式1:

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

完全不符合我的需求。

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

结果还真被我找到了。

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

查看效果符合需求。

相关推荐
浏览器API调用工程师_Taylor5 分钟前
日报自动化实战:告别手动复制粘贴
前端·javascript·node.js
晴殇i10 分钟前
JavaScript还能这样写?!ES2025新语法让代码优雅到极致
前端·javascript·程序员
夜晚中的人海16 分钟前
【C++】位运算算法习题
开发语言·c++·算法
浏览器API调用工程师_Taylor19 分钟前
我是如何将手动的日报自动化的☺️☺️☺️
前端·javascript·爬虫
裸奔在上海25 分钟前
使用Java做URL短连接还原长链接获取参数
java·开发语言·程序人生·spring
爱吃烤鸡翅的酸菜鱼25 分钟前
如何掌握【Java】 IO/NIO设计模式?工厂/适配器/装饰器/观察者模式全解析
java·开发语言·后端·设计模式·nio
程序员大雄学编程43 分钟前
「用Python来学微积分」17. 导数与导函数
开发语言·python·数学·微积分
东哥很忙XH43 分钟前
flutter开发的音乐搜索app
android·javascript·flutter
扶尔魔ocy1 小时前
【QT常用技术讲解】可拖拽文件的Widget--QListWidget
开发语言·qt
枫叶丹41 小时前
【Qt开发】布局管理器(一)-> QVBoxLayout垂直布局
开发语言·c++·qt