zoukankan      html  css  js  c++  java
  • 伪元素和伪类的区别?

    1. 伪类本质上是为了弥补常规CSS选择器的不足,以便获取到更多信息;
    2. 伪元素本质上是创建了一个有内容的虚拟容器;
    3. CSS3中伪类和伪元素的语法不同;伪类  :link  :hover ,伪元素  ::before    ::after
    4. 可以同时使用多个伪类,而只能同时使用一个伪元素;
    5. 其中伪类和伪元素的根本区别在于:它们是否创造了新的元素,,   这个新创造的元素就叫  "伪无素" 。

      伪元素/伪对象:不存在在DOM文档中,是虚拟的元素,是创建新元素。 这个新元素(伪元素)  是某个元素的子元素,这个子元素虽然在逻辑上存在,但却并不实际存在于文档树中.

         伪类:存在DOM文档中,(无标签,找不到,  只有符合触发条件时才能看到 ),  逻辑上存在但在文档树中却无须标识的“幽灵”分类。

            6.  因为伪类是类似于添加类所以可以是多个,而伪元素在一个选择器中只能出现一次,并且只能出现在末尾 

    注意:

    1. 伪对象要配合content属性一起使用
    2. 伪对象不会出现在DOM中,所以不能通过js来操作,仅仅是在 CSS 渲染层加入
    3. 伪对象的特效通常要使用:hover伪类样式来激活

  • 相关阅读:
    PHP中的list(),each(),reset()函数应用
    echo(),print(),print_r()
    Math.floor() 与 parseInt()
    利用Node.js轻松创建web服务器
    MySQL中Datetime与Timestamp
    修正正则匹配日期---基于网络未知大神的正则
    数据结构随笔-php实现栈
    数据结构随笔-php实现队列
    Js 获取时间戳
    linux 安装nginx+php+mysql
  • 原文地址:https://www.cnblogs.com/qinglaoshi/p/13246091.html
Copyright © 2011-2022 走看看