.CSS伪类和伪元素怎么用

发布时间:2022-03-07 11:05:25 作者:小新
来源:亿速云 阅读:107

这篇文章主要介绍.CSS伪类和伪元素怎么用,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

伪类的例子有:

:hover

:active

:first-child

:visited

等。

伪元素的例子有:

:first-line

:first-letter

:after

:before

伪类和伪元素的根本区别在于:

它们是否创造了新的元素(抽象)。从我们模仿其意义的角度来看,如果需要添加新元素加以标识的,就是伪元素,反之,如果只需要在既有元素上添加类别的,就是伪类。

伪元素在一个选择器里只能出现一次,并且只能出现在末尾;

伪类则是像真正的类一样发挥着类的作用,没有数量上的限制,只要不是相互排斥的伪类,也可以同时使用在相同的元素上。

实际使用:

伪类用一个冒号表示 :first-child
伪元素则使用两个冒号表示 ::first-line

以上是“.CSS伪类和伪元素怎么用”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注亿速云行业资讯频道!

推荐阅读:
  1. CSS中伪类和伪元素是什么
  2. css中伪类和伪元素有哪些区别

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

css

上一篇:让python工作更有效率的Python小工具有哪些

下一篇:ThinkPHP怎么导入第三方类库

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》