css中伪类和伪元素如何使用

css中伪类和伪元素如何使用？这个问题可能是我们日常学习或工作经常见到的。希望通过这个问题能让你收获颇深。下面是小编给大家带来的参考内容，让我们一起来看看吧！

css伪类和伪元素

line-height （行高 官方定义：两行文字基线对齐 ）

目标伪类

:link （a:link 未访问的链接 浏览器有缓存！！所以刷新没用）	a:active{color: ;} :active （长按住） :visited （已经访问的链接） :hover （鼠标放上去） :focus （获取用户焦点）

伪元素 （是行内元素 不能设置宽度和高度 ）

::after （在元素后面添加内容） ::before （在元素前面添加内容） display:...	inline-block（能够设置高度，和行内元素并排显示）	inline	block（独占一行）	none（隐藏

css特性

继承（一个元素如果没有设置某个属性的值，那么就会跟随父属性的值。如果设置了,就用自己的值）	color ，font-size line-height text-align	层叠（后面的样式会覆盖前面的样式）	当选择器相同时 后面的选择器会覆盖前面的	当选择器不同时,根据选择器的权重设置

列表

ul（无序列表）	ol (有序列表)

表格

table	tr单元行	td单元格	boder 边框	cellpadding 单元格内部的间距	cellspacing 单元格之间的距离	width 表格的宽度	align 表格的水平对齐方式

css元素类型的划分（根据元素能不能在一行显示）

块级元素 （独占父元素的一行） 常用的块级元素	●	div	●	p	●	h2-h7	●	ul--li	●	table	●	from

行内级元素(可以和其他行内元素同一行显示)

●	img	●	span	●	a	●	inupt

感谢各位的阅读！看完上述内容，你们对css中伪类和伪元素如何使用大概了解了吗？希望文章内容对大家有所帮助。如果想了解更多相关文章内容，欢迎关注亿速云行业资讯频道。