CSS的简要学习---伪元素选择器(待补充)

DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Documenttitle>

    <style>

       

        /*

            伪元素,表示页面中一些特殊的并不真实存在的元素

                伪元素使用 ::开头

                ::first-letter 表示第一个字母

                ::first-line 表示第一行

                ::selection 表示选中的内容

                ::before元素的开始

                ::after元素的最后

                -

        */

        p::first-letter{

            font-size: 60px;

        }

        p::selection{

            background-color: cadetblue;

        }

        div::before{

            content: 'abc';

            color:red;

        }

    style>

head>

<body>

    <div>hello  how are youdiv>

    <p>

       Laaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

    p>

body>

html>

你可能感兴趣的:(#,CSS学习,学习,css)