怎么在div里引用链接伪类?

怎么在div里引用链接伪类?,第1张

在div里引用链接伪类的方法如下:

在div里放置一个a标签,并使用href属性指定链接地址。

使用div:link、div:visited、div:active、div:hover四个伪类选择器,分别设置链接的初始、已访问、激活、鼠标悬停样式。

例如:

div:link {color: blue}div:visited {color: purple}div:active {color: red}div:hover {color: green}

在HTML中,可以使用以下代码来引用链接伪类:

<div>

<a href="#">这是一个链接</a></div>

注意:链接伪类的使用只能在HTML中使用,在XML和其他标记语言中是不被支持的。

H5规定

1.伪类使用单冒号

2.伪元素使用双冒号

注意:同级

E:first-child 第一个子元素

E:last-child 最后一个元素

E:nth-child(n) 第n个

E:nth-last-child(n)倒数第n个

E:nth-child(odd)奇数

E:nth-child(even)偶数

E:nth-child(-n+3)前三个

E:nth-last-child(-n+3)后三个

E:nth-of-type(n)第n个同级兄弟元素E

E:nth-child(3n + 1)  1,4,7

E:nth-child(3n +3 ) 3的倍数

1.伪元素只能给双标签加

2.必须写上属性content:" "

3.js获取不到伪元素

E:before  在E元素前插入一个元素

E:after 在E元素后插入一个元素

E:first-letter 选择到E容器内的第一个字母

E:first-line 选择到E容器内的第一行文本


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7669592.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-08
下一篇 2023-04-08

发表评论

登录后才能评论

评论列表(0条)

保存