美文网首页
css3-其他伪元素

css3-其他伪元素

作者: AssertDo | 来源:发表于2019-08-26 13:37 被阅读0次
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        /*获取第一个字符:实现首字下沉*/
        p::first-letter{
            color: red;
            font-size: 30px;
            float: left;/*文本环绕*/
        }

        /*获取第一行内容:如果设置了::first-letter,那么无法同时设置它的样式*/
        p::first-line{
            text-decoration: underline;
        }

        /*设置当前选中内容的样式*/
        p::selection{
            background-color: pink;
            color: red;
            /*它只能设置显示的样式,而不能设置内容大小*/
            /*font-size: 30px;*/
        }
    </style>
</head>
<body>
<p>眉毛上的汗水和眉毛下的泪水,你必须选择一样<br>你不努力,活该生活在社会的最底层</p>
</body>
</html>

相关文章

  • css3-其他伪元素

  • C3选择器

    属性选择器 兄弟选择器 伪类选择器 伪类target 伪元素before,after 其他伪元素

  • css3-伪元素before,after

  • css样式 复习笔记

    伪类元素 其他属性 attr()用于获取选择到的元素的某一个html属性,并用于样式,可以用于伪元素,属性值采用伪...

  • 细说CSS伪类和伪元素

    原文 博客原文 大纲 1、伪元素2、伪类元素3、伪元素和伪类元素的区别4、伪类和伪元素的使用 1、伪元素 伪元素在...

  • 【CSS】角标(伪元素)

    利用伪元素( ::before 和 ::after )制作,这样可以不影响主元素,也不用依赖其他html元素。 利...

  • 关于伪类的特性

    清除浮动时用到的伪类:after 利用伪类在元素前后添加其他内容时,伪类默认表现出行内元素的特性,所以设置heig...

  • css 伪类元素详解 (二)

    ::BEFORE/:BEFORE :before 伪元素与:after 类似,都可以为其他 HTML 元素添加内容...

  • after和before伪元素

    img、input和其他的单标签是没有after和before伪元素的,因为单标签本身不能有子元素,所以单标签用伪...

  • 伪元素和伪类

    本文将介绍伪元素和伪类选择器的一些知识,以及在VUE中伪元素的动态数据更新; 伪元素和伪类: 伪元素:在内容元素的...

网友评论

      本文标题:css3-其他伪元素

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