伪元素

作者: 王小贱_ww | 来源:发表于2018-01-09 16:17 被阅读6次

在CSS中,伪元素用于将特殊的效果添加到某些选择器。


01.PNG
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>伪元素</title>
    <style type="text/css">
        p:first-line{
            color:red;
             font-size: 40px;
            font-weight: bold;

        }
            p:first-letter{
            color:pink;
             font-size: 40px;
            font-weight: bold;

        }
        

    </style>
</head>
<body>

    <p>6666666<br>7777777</p>
    
</body>
</html>
  • :before用于在元素的内容之前插入新内容
  • :after用于在元素的内容之后插入新内容

相关文章

  • 细说CSS伪类和伪元素

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

  • 伪元素和伪类

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

  • css 实现分割线的N种方法

    1.伪元素+transform:translateX(-100%); 伪元素 结合 定位 2.伪元素+flex (...

  • 巧用伪元素和伪类让我们的html结构更清晰合理

    css3为了区分伪类和伪元素,伪元素采用双冒号写法。 伪元素: [ 伪元素用于向某些选择器设置特殊效果,简单来说,...

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

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

  • 伪元素初解

    一、伪元素与伪类 1. 常见的伪类 2. 伪元素 二、伪元素(这里只说::before和::after) 1. 了...

  • 伪元素和伪类

    伪元素和伪类 什么是伪元素? CSS 在渲染文档的时候,伪元素可以通过 css 给 HTML 添加一个元素(叫标签...

  • CSS伪类和伪元素

    1. 什么是伪类和伪元素1.1. 伪类1.2. 伪元素1.3. 伪类与伪元素的区别 2. 使用 1. 什么是伪类和...

  • 伪元素before&after以及制作三角箭头

    1.:before伪元素和:after伪元素是干嘛用的 它们会在内容元素的前后插入额外的元素,:before伪元素...

  • 伪类/伪元素

    伪类【:】 伪元素【::】

网友评论

      本文标题:伪元素

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