伪类(伪类选择器)
a标签有4种伪类(即对应四种状态),要求背诵。如下:
记住,在css中,这四种状态 必须按照固定的顺序写 :
a:link 、a:visited 、a:hover 、a:active
如果不按照顺序,那么将失效。“爱恨准则”:love hate。必须先爱,后恨。
问:既然 a{} 定义了超链的属性,和 a:link{} 定义了超链点击之前的属性,那这两个有啥区别呢?
答:
a{} 和 a:link{} 的区别:
a{} 定义的样式针对所有的超链接(包括锚点)
a:link{} 定义的样式针对所有写了href属性的超链接(不包括锚点)
如果同时需要,我们一定要将a标签写在前面,将 :link、:visited、:hover、:active 这些伪类写在后面。
a:link 和 a:visited一起定义时,如果整个浏览器的访问历史中,有网址的访问记录,则会取 a:visited 定义的样式,否则取 a:link ,比如浏览器中访问过www.baidu.com(可以不在本页面中访问过),则一出来就会是 a:visited 的样式
a:link 和 a:visited 样式相同时,可以只定义a元素选择器的样式
和
效果一样
我们在第一段中描述过,下面这三种动态伪类,针对所有标签都适用。
我们不妨来举下例子。
举例1:
利用这个 hover 属性,我们同样对表格做一个样式的设置:
表格举例:
2023-07-25 广告