css伪类

最新推荐文章于 2023-06-03 12:53:04 发布

「已注销」

最新推荐文章于 2023-06-03 12:53:04 发布

阅读量1w

点赞数

CC 4.0 BY-SA版权

分类专栏： css 文章标签：伪类

本文链接：https://blog.youkuaiyun.com/q1424966670/article/details/86079785

css 专栏收录该内容

7 篇文章

订阅专栏

.halfStyle:before {
    display: block;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    content: attr(data-content);
    /* 伪元素的动态获取内容 */
    overflow: hidden;
    color: #f00;
}

 <span class="halfStyle lazy " data-content="风">风</span>
    <span class="halfStyle lazy " data-content="流">流</span>
    <span class="halfStyle lazy " data-content="倜">倜</span>
    <span class="halfStyle lazy " data-content="傥">傥</span>