美文网首页
伪类选择器 first-line first-letter

伪类选择器 first-line first-letter

作者: Simon_s | 来源:发表于2016-09-27 18:35 被阅读52次
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        html, body, div {
            margin: 0;
            padding: 0;
        }
        /*表示获取内容的第一行*/
        #box:first-line {
            color: aqua;
        }
        /*表示获取内容的第一个字*/
        #box:first-letter{
            font-size: 500px;
        }
    </style>
</head>

<body>
<div id="box">
mother fuck
mother fuck mother fuck mother fuck mother fuck mother fuck mother fuck mother fuck mother fuck mother fuck mother
fuck mother fuck mother fuck mother fuck mother fuck mother fuck mother fuck mother fuck mother fuck

</div>
</body>
</html>

相关文章

  • 其他选择器

    ·伪元素选择器 ::first-letter{color:red;} 选中第一个字母 ::first-line{c...

  • CSS3选择器

    伪元素选择器 first-line匹配内容的第一行元素 first-letter 匹配内容的第一个字符 :be...

  • CSS伪元素选择器 总结

    伪元素主要有以下六个: ::first-line ::first-letter ::after ::before ...

  • CSS-选择器9-first-letter、first-line

    CSS选择器-系列文章 1、CSS选择器first-letter,first-line 2、效果演示 源代码: 效...

  • 伪类选择器 first-line first-letter

    mother fuckmother fuck mother fuck mother fuck mother fuc...

  • CSS3知识

    选择器 :first-line :first-letter 选择第一行,第一个字 not选择器 body.not(...

  • CSS3选择器

    1CSS选择器的分类 基本选择器 层次选择器 伪类选择器 动态伪类选择器 目标伪类选择器 语言伪类选择器 UI元素...

  • CSS3 积累(2)之结构伪类选择器

    介绍 伪类选择器主要有动态伪类选择器、UI元素状态伪类选择器、结构伪类选择器和伪元素等,这篇主要讲讲什么是结构伪类...

  • 伪元素

    Time: 20200131 用于向某些选择器添加特殊效果。 伪元素的类型 :first-letter :firs...

  • CSS基础之伪类伪元素&样式优先权

    伪类&伪元素 首字样式控制 —— 使用伪元素::first-letter 首行样式控制 —— 使用伪元素::fir...

网友评论

      本文标题:伪类选择器 first-line first-letter

      本文链接:https://www.haomeiwen.com/subject/uvthyttx.html