CSS链接四种状态注意顺序

css定义超链接是要有先后顺序的。否则，可能会出现某个或某几个样式不起作用的bug。例如：visited与hover顺序颠倒了，则不能显示hover和active的样式了。

正确的顺序：

a:link 为访问过的样式
a:visited 访问过的样式
a:hover 鼠标处于鼠标悬停状态的样式
a:active 当鼠标左键按下时，被激活的样式。

时间： 2024-11-08 16:35:32

CSS链接四种状态注意顺序的相关文章

HTML5样式和列表、CSS链接的四种状态

一.HTML5样式 1.标签: <style>:样式定义: <link>:资源引用: 2.属性: type="text/css":引入文档类型: rel="stylesheet":外部样式表: 3.三种样式表插入方法: (1)外部样式表: 在<head></head>中写入: <link rel="stylesheet" type="text/css" href=&q

链接的四种状态: a:link - 普通的.未被访问的链接 a:visited - 用户已访问的链接 a:hover - 鼠标指针位于链接的上方 a:active - 链接被点击的时刻魔芋:记忆技巧 love hate link visited hover active 设置链接样式,必须按照这样的顺序设定,否则肯定在某些浏览器上效果不一样. ** 原文地址:https://www.cnblogs.com/moyuling/p/9030699.html

a链接的四种状态

四种状态:hover.link.active.visible a:link{color:#fff;} a链接初始化 a:hover{color:yellow;} 把鼠标放上去的状况 a:active{color:pink;} 触发时候的状态,按下去不松开的情况 a:visited{color:green;} 访问后的情况

css中按钮的四种状态

css中按钮有四种状态 1. 普通状态2. hover 鼠标悬停状态3. active 点击状态4. focus 取得焦点状态 .btn:focus{outline:0;} 可以去除按钮或a标签点击后的蓝色边框下面的例子中.btn1用focus按钮会按下,不弹起 .btn2用active按钮点击按下,会弹起 <button class="btn btn1">Save Settings</button> <button class="btn bt

>hibernate的四种状态

hibernate的四种状态 1.临时状态与数据库中没有相对应的数据,也不在session的管理之中,一般是新new出来的对象 2.持久化状态对象在session的管理中,最后会在事务提交后,在数据库中有相对应的记录该状态有两个特点①有OID ②对对象的修改会同步到数据库中 3.游离状态数据库中有相对应的记录,该对象不再session的管理中,修改此对象时,该数据库不会有变化 4.删除状态执行了delete()方法的对象,最后被回收

Java多线程(4)----线程的四种状态

与人有生老病死一样,线程也同样要经历开始(等待).运行.挂起和停止四种不同的状态.这四种状态都可以通过Thread类中的方法进行控制.下面给出了Thread类中和这四种状态相关的方法. 1 // 开始线程 2 public void start( ); 3 public void run( ); 4 5 // 挂起和唤醒线程 6 public void resume( ); // 不建议使用 7 public void suspend( ); // 不建议使用 8 public static v

java线程四种状态

一个线程可以有四种状态: 1.新(new), 即线程刚刚创建,而并未执行 2.可运行(runnable),意味着一旦时间分片机制有空闲的CPU周期提供给一个线程,那个线程便可立即开始运行.因此,线程可能在.也可能不在运行当中,但一旦条件许可,没有什么能阻止它的运行——它既没有“死”掉,也未被“堵塞”. 3.Dead,从自己的run()方法中返回后,一个线程便已“死”掉.亦可调用 stop()令其死掉,但会产生一个违例——属于Error的一个子类(也就是说,我们通常不捕获它).记住一个违例的“掷”

CSS的四种引入方式

CSS的引入方式最常用的有三种, 第一:在head部分加入<link rel="stylesheet" type="text/css" href="my.css"/>,引入外部的CSS文件. 这种方法可以说是现在占统治地位的引入方法.如同IE与浏览器.这也是最能体现CSS特点的方法:最能体现DIV+CSS中的内容与显示分离的思想,也最易改版维护,代码看起来也是最美观的一种. 第二:在head部分加入<style type=&q

CSS样式四种引入方式

第一种将样式代码写在页面<style>......</style>标签之中,用<style>......</style>标签将body设置一个灰色的背景: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> body{ back