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

背景:

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

方式1:

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

完全不符合我的需求。

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

结果还真被我找到了。

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

查看效果符合需求。

相关推荐
Full Stack Developme13 分钟前
Python Redis 教程
开发语言·redis·python
星空下的曙光23 分钟前
Node.js crypto模块所有 API 详解 + 常用 API + 使用场景
算法·node.js·哈希算法
李鸿耀25 分钟前
仅用几行 CSS,实现优雅的渐变边框效果
前端
码事漫谈44 分钟前
解决 Anki 启动器下载错误的完整指南
前端
qq_4924484461 小时前
Jmeter设置负载阶梯式压测场景(详解教程)
开发语言·python·jmeter
im_AMBER1 小时前
Web 开发 27
前端·javascript·笔记·后端·学习·web
ID_180079054731 小时前
京东获取整站实时商品详情数据|商品标题|数据分析提取教程
java·开发语言
蓝胖子的多啦A梦1 小时前
低版本Chrome导致弹框无法滚动的解决方案
前端·css·html·chrome浏览器·版本不同造成问题·弹框页面无法滚动
玩代码2 小时前
vue项目安装chromedriver超时解决办法
前端·javascript·vue.js
訾博ZiBo2 小时前
React 状态管理中的循环更新陷阱与解决方案
前端