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

背景:

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

方式1:

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

完全不符合我的需求。

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

结果还真被我找到了。

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

查看效果符合需求。

相关推荐
Apifox3 分钟前
如何在 Apifox 中通过 CLI 运行包含云端数据库连接配置的测试场景
前端·后端·程序员
一张假钞6 分钟前
Firefox默认在新标签页打开收藏栏链接
前端·firefox
高达可以过山车不行6 分钟前
Firefox账号同步书签不一致(火狐浏览器书签同步不一致)
前端·firefox
m0_593758107 分钟前
firefox 136.0.4版本离线安装MarkDown插件
前端·firefox
掘金一周10 分钟前
金石焕新程 >> 瓜分万元现金大奖征文活动即将回归 | 掘金一周 4.3
前端·人工智能·后端
三翼鸟数字化技术团队28 分钟前
Vue自定义指令最佳实践教程
前端·vue.js
The Future is mine30 分钟前
Python计算经纬度两点之间距离
开发语言·python
Enti7c31 分钟前
HTML5和CSS3的一些特性
开发语言·css3
爱吃巧克力的程序媛39 分钟前
在 Qt 创建项目时,Qt Quick Application (Compat) 和 Qt Quick Application
开发语言·qt
Jasmin Tin Wei1 小时前
蓝桥杯 web 学海无涯(axios、ecahrts)版本二
前端·蓝桥杯