本文摘自PHP中文网，作者V，侵删。
css伪类和伪元素
line-height （行高 官方定义：两行文字基线对齐 ）
（视频教程推荐：css视频教程）
目标伪类
1 2 3 4 5 6 | :link （a:link 未访问的链接 浏览器有缓存！！所以刷新没用）
a:active{color: ;}
:active （长按住）
:visited （已经访问的链接）
:hover （鼠标放上去）
:focus （获取用户焦点）
|
伪元素 （是行内元素 不能设置宽度和高度 ）
1 2 3 4 5 6 7 | ::after （在元素后面添加内容）
::before （在元素前面添加内容）
display:...
inline-block（能够设置高度，和行内元素并排显示）
inline
block（独占一行）
none（隐藏
|
css特性
1 2 3 4 5 | 继承（一个元素如果没有设置某个属性的值，那么就会跟随父属性的值。如果设置了,就用自己的值）
color ，font-size line-height text-align
层叠（后面的样式会覆盖前面的样式）
当选择器相同时 后面的选择器会覆盖前面的
当选择器不同时,根据选择器的权重设置
|
列表
表格
1 2 3 4 5 6 7 8 | table
tr单元行
td单元格
boder 边框
cellpadding 单元格内部的间距
cellspacing 单元格之间的距离
width 表格的宽度
align 表格的水平对齐方式
|
css元素类型的划分（根据元素能不能在一行显示）
1 2 3 4 5 6 7 | 块级元素 （独占父元素的一行） 常用的块级元素
● div
● p
● h1-h6
● ul--li
● table
● from
|
行内级元素(可以和其他行内元素同一行显示)
相关推荐：CSS教程
以上就是伪类和伪元素的使用方法介绍的详细内容，更多文章请关注木庄网络博客！
相关阅读 >>
css如何使用伪元素
css3新增伪类有哪些
伪类和伪元素的使用方法介绍
css的伪类有哪些
详解css中的:placeholder-shown伪类
css中一个冒号（:）和两个冒号（::）的区别
css中伪类与伪元素如何使用
css3的:out-of-range和:in-range伪类有什么用？（代码示例）
你可能不了解的16 个提升布局效率的 css 伪类！！
什么是伪类和伪元素？伪类和伪元素的区别的区别详解
更多相关阅读请进入《伪类》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » 伪类和伪元素的使用方法介绍
