zoukankan      html  css  js  c++  java
  • CSS中的伪元素选择器

    定义

    伪元素选择器:就是有连续两个冒号的选择器,如::first-line::first- letter、::before 和::after

    1. E::first-letter文本的第一个单词或字(如中文、日文、 韩文等)
    2. E::first-line 文本第一行;
    3. E::selection 可改变选中文本的样式;
    4. E::before和E::after

    例子

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>伪元素选择器</title>
        <style type="text/css">
              p::first-letter {  /* 选择第一个字 */
                color: red;
                font-size: 25px;
              }
    
              p::first-line {   /* 选择第一行 */
                color: green;
                font-size: 20px;
              }
    
              p::selection {  /*  选中变色 */
                color: blue;
              }
    
              div:before {    /* 放在盒子内部的前面 */
                content:"一只";
              }
              div:after {    /* 放在盒子内部的后面插入 */
                content:"猪";
              }
        </style>
    </head>
    <body>
        <h1>静夜思</h1>
        <p>床前明月光,疑是地上霜。举头望明月,低头思故乡</p>
        <div>特立独行的</div>
    </body>
    </html>

    实现效果

  • 相关阅读:
    《java技术》第三次作业
    《Java技术》第二次作业
    《java技术》第一次作业
    java3
    java2
    java1
    开闭原则
    迪米特原则
    接口隔离原则
    里氏替换原则
  • 原文地址:https://www.cnblogs.com/planetwithpig/p/11804584.html
Copyright © 2011-2022 走看看