首页前端开发CSS.CSS伪类和伪元素有哪些,它们的区别和实际应用

.CSS伪类和伪元素有哪些,它们的区别和实际应用

时间2024-05-25 03:26:03发布访客分类CSS浏览18
导读:伪类的例子有: :hover :active :first-child :visited 等。 伪元素的例子有: :first-line :first-letter :after :before 伪类和伪元素的根本区别...

伪类的例子有:

:hover

:active

:first-child

:visited

等。

伪元素的例子有:

:first-line

:first-letter

:after

:before

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

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

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

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

实际使用:

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

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: .CSS伪类和伪元素有哪些,它们的区别和实际应用
本文地址: https://pptw.com/jishu/667476.html
如何在SQLite中设置自动增量列 在SQLite中如何执行删除重复记录的操作

游客 回复需填写必要信息