理解伪元素和伪类
来源:互联网 发布:阳炎ene软件 编辑:程序博客网 时间:2024/05/16 14:02
伪元素:HTML代码里本身不存在,但页面显示时却可看到的元素,如ele:before{ }、ele:after{ }等。
伪类:区别于CSS的类class,常用的是链接<a>标签的伪类,如 a:hover{ }、a:active{ }等。
起初,伪元素的前边使用的是单冒号(ele : before),但随着web的进化,在CSS3规范中,为了与伪类(ele : hover)区分,伪元素的语法被修改成使用双冒号(ele :: before)。但是,现阶段不管使用单冒号还是双冒号,除IE8外浏览器都能识别,所以为了保险起见,可一律使用单冒号。
注意:
对于伪元素: ①其后定义的样式都是针对伪元素内容添加的,而对其周围非伪元素无效。
②当添加伪元素时,需要添加content属性,即使内容为空,否则伪元素将不能正常显示。content内容需要用引号括起来,当内容为特殊符号时,请参考
特殊符号书写方式。
对于伪类:①不能随意命名。
②<a>的相关伪类有先后顺序之分。link->visited->hover->active。
0 0
- 理解伪元素和伪类
- 伪类和伪元素
- 伪类和伪元素
- 伪类和伪元素
- 伪类和伪元素
- 伪类和伪元素
- 伪类和伪元素
- 伪类和伪元素
- 伪类和伪元素
- 伪类和伪元素
- 伪元素和伪类
- 伪元素、伪类的理解
- 伪元素(2)-理解伪元素 :before 和 :after
- 伪类 伪元素
- 伪类 伪元素
- 伪元素/伪类
- 伪元素 & 伪类
- css伪类和伪元素
- 收藏博客
- NSIS常用代码整理
- POJ 2104 K-th Number (线段树)
- js选择器的兼容
- nyoj_5 Binary String Matching
- 理解伪元素和伪类
- Android学习笔记(一)——Activity基础知识
- 使用OpenCV与Face++实现人脸解锁
- MAPI over HTTP和RPC over HTTP的区别
- UIImageView常用属性和方法
- HttpURLconnection上传数据
- array_count_values.php
- 常见问题修改方法
- 【LeetCode】LeetCode——第21题:Merge Two Sorted Lists