CSS选择器——伪元素选择器

CSS选择器——伪元素选择器

伪元素以"::"开头,用在选择器后,用于选择指定的元素。

::after 选中之后的不存在的节点,可配合content属性进行内容填充

    section h3::after {
        content: '...';
        color: coral;
    }

::before 选中之前的不存在的节点,可配合content属性进行内容填充

    section h3::before {
        content: '***';
        color: red;
    }

::first-letter 选中第一个文本字符

    section div::first-letter {
        font-size: 30px;
        color: aquamarine;
    }	

::first-line 选中第一行文本

    section pre::first-line {
        color: teal;
    }

::selection 选中用户在选择的时候的文本

    div::selection {
        background-color: teal;
        color: white;
    }	
发布了39 篇原创文章 · 获赞 0 · 访问量 177

猜你喜欢

转载自blog.csdn.net/yaningyin/article/details/105034801