简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Rumah > hujung hadapan web > tutorial css > teks badan

css伪类中关于visited样式无效的解决方法

黄舟
Lepaskan： 2018-05-24 11:04:31
asal
2893 orang telah melayarinya

错误写法 将visited写在hover和active之后，例如：

.ui-page-theme-a .digilinx-ui-btn{background:#00a325;border-color:#00891f;color:#FFF;text-shadow: 0 1px 0 #00a325;}
.ui-page-theme-a .digilinx-ui-btn:hover{background:#00891f;border-color:#00721a;color:#FFF;text-shadow: 0 1px 0 #00891f;}
.ui-page-theme-a .digilinx-ui-btn:active{background:#00721a;border-color:#005c15;color:#FFF;text-shadow: 0 1px 0 #00721a;}
.ui-page-theme-a .digilinx-ui-btn:visited{background:#00a325;border-color:#00891f;color:#FFF;text-shadow: 0 1px 0 #00a325;}
Salin selepas log masuk

造成的结果：点击过的按钮或者链接的样式将会一直固定在visited上，hover和active的样式讲会被覆盖

正确写法 将visited写在前面，如下：

.ui-page-theme-a .digilinx-ui-btn{background:#00a325;border-color:#00891f;color:#FFF;text-shadow: 0 1px 0 #00a325;}
.ui-page-theme-a .digilinx-ui-btn:visited{background:#00a325;border-color:#00891f;color:#FFF;text-shadow: 0 1px 0 #00a325;}
.ui-page-theme-a .digilinx-ui-btn:hover{background:#00891f;border-color:#00721a;color:#FFF;text-shadow: 0 1px 0 #00891f;}
.ui-page-theme-a .digilinx-ui-btn:active{background:#00721a;border-color:#005c15;color:#FFF;text-shadow: 0 1px 0 #00721a;}
Salin selepas log masuk

 

Atas ialah kandungan terperinci css伪类中关于visited样式无效的解决方法. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan：
css
sumber：php.cn
Artikel sebelumnya：CSS中关于background样式repeat与no-repeat的示例代码 Artikel seterusnya：CSS中关于direction使用的详解
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
Perihal pautan dan atribut yang dilawati <!doctype html><html lang="en"><head> <meta charset="U...
daripada 2017-12-06 22:31:06
0
2
971
MySQL包含需要“随时间变化值”的排序字段的数据库设计 使用数据库MySQL(innodb) 相关表设计最大数据量：5000w 假定表news，拥有以下字段： {代码...} 其中，hot字段的值是结合visited、voted计算并随...
daripada 2017-04-17 11:16:23
0
4
428
javascript - 【面试】在大量目录数据的列表的页面用多种方式进行记录用户点击过哪些列表 这个问题比较模糊，不确定是从数据上面记录还是视觉上体现。朋友说 CSS JS 服务端 CSS 我觉得应该是 :visited，类似大概实现，但是肯定有 visited 隐私问题 那...
daripada 2017-04-11 09:58:41
0
3
176
javascript - 我在学css ,实验 :link :visited 这几个选择器的时候,一直没发生变化,应该是缓存问题 我想问问怎么速快的的清除缓存, 我一般是用 遨游浏览器,因为遨游的JavaScript控制台显示console.dir( ), prototype ,__proto__ 这些方法显...
daripada 2017-04-11 09:21:52
0
1
208
javascript - a标签visited问题。 阻止了a标签的跳转默认行为，并且为a标签写了：visited，点击这个a标签链接后，a标签变了颜色，但是在空白处单击为什么visited颜色就没有了呢。
daripada 2017-04-11 09:12:14
0
2
357
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！