CSS拿到html标签中的文字

 

html

复制代码
<div
              data-attr={title}
              className={`titleBox`}
              key={`titleBox${index}`}
              style={{ width, ...style }}
            >
              {title}
            </div>
复制代码

css

复制代码
 .titleBox {
      width: 100%;
      text-align: center;
      font-family: PingFangSC-Semibold;
      font-size: 44px;
      // color: #abd1e4;
      color: #fff;
      letter-spacing: 0;
      text-shadow: 0 3px 0 #58C7FF;
     
      
    }
    .titleBox::before {
      content: attr(data-attr);
      position: absolute;
      z-index: 10;
      background-image:-webkit-linear-gradient(bottom,#2285E3,#FFF); 
      -webkit-background-clip:text; 
      -webkit-text-fill-color:transparent; 
      // 去除继承父级样式
      text-shadow: none;
    }
复制代码

 

posted @   SimoonJia  阅读(266)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· DeepSeek “源神”启动!「GitHub 热点速览」
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· C# 集成 DeepSeek 模型实现 AI 私有化(本地部署与 API 调用教程)
· DeepSeek R1 简明指南:架构、训练、本地部署及硬件要求
· 2 本地部署DeepSeek模型构建本地知识库+联网搜索详细步骤
点击右上角即可分享
微信分享提示