2016 - 2024

感恩一路有你

伪类选择器用法 伪类选择器和伪元素选择器的区别?

浏览量:2914 时间:2021-03-17 11:59:52 作者:admin

伪类选择器和伪元素选择器的区别?

伪元素和伪类之所以这么容易混淆,是因为他们的效果类似而且写法相仿,但实际上 css3 为了区分两者,已经明确规定了伪类用一个冒号来表示,而伪元素则用两个冒号来表示。

伪类选择器,伪类和伪元素的区别?

伪类 按现在的规范应当书写成 :weilei伪元素 按现在的规范 应当书写成 ::weiyuansu

但是 以前规范不明确的时候 伪元素 和 伪类 都是写成 :weiyuansu :weilei

为了兼容过去的写法

所以 你的伪元素 写成一个引号的形式 也是可以被解析的

伪元素主要有:E:first-letter/E::first-letter E:first-line/E::first-line E:before/E::before E:after/E::after E::placeholder E::selection

伪类主要有:E:link E:visited E:hover E:active E:focus E:lang(fr) E:not(s) E:root E:first-child E:last-child E:only-child E:nth-child(n) E:nth-last-child(n) E:first-of-type E:last-of-type E:only-of-type E:nth-of-type(n) E:nth-last-of-type(n) E:empty E:checked E:enabled E:disabled E:target @page:first @page:left @page:right

单冒号 双冒号 主要是为了区别 伪元素还是伪类

伪类选择器hover的使用?

定义和用法:hover 选择器用于选择鼠标指针浮动在上面的元素。提示::hover 选择器可用于所有元素,不只是链接。提示::link 选择器设置指向未被访问页面的链接的样式,:visited 选择器用于设置指向已被访问的页面的链接,:active 选择器用于活动链接。注释:在 CSS 定义中,:hover 必须位于 :link 和 :visited 之后(如果存在的话),这样样式才能生效。代码效果测试:

请把鼠标指针移动到这些链接上。

这个链接改变颜色。

这个链接改变字体大小。

这个链接改变背景色。

这个链接改变字体。

这个链接会出现下划线。

伪类选择器用法 css伪类选择器有哪些 伪类选择器是什么意思

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。