在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容器内的第一行文本
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)