`
tsailer
  • 浏览: 53065 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类

a pseudo class

    博客分类:
  • CSS
阅读更多
被点击访问过的超链接样式不在具有hover和active了,解决方法是改变CSS属性的排列顺序: L-V-H-A
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title> new document </title>
  <meta name="generator" content="editplus" />
  <meta name="author" content="" />
  <meta name="keywords" content="" />
  <meta name="description" content="" />
  <style type="text/css">
  <!--
a:link {
color:red;
font-size:9px;
}
a:visited {
color:green;
font-weight:bold;
}
a:hover {
color:blue
}
a:active {
color:orange
}
  -->
  </style>
</head>

<body>
  <a href="#" class="f30" target="_blank" title="" alt="">aaaaaaaaa</a>
  <!-- above is abnormal  -->

  <a href="a.html" class="f30" target="_blank" title="" alt="">aaaaaaaaa</a>
  <a href="javascript:void(0);" class="f30" target="_blank" title="" alt="">aaaaaaaaa</a>
  <a href="javascript:void(0);" class="f30" target="_blank" title="" alt="">aaaaaaaaa</a>
  <a href="javascript:void(0);" class="f30" target="_blank" title="" alt="">aaaaaaaaa</a>
</body>
</html>
分享到:
评论

相关推荐

    stylelint-selector-pseudo-class-lvhfa:链接选择器中LVHFA顺序的Stylelint规则

    npm install stylelint-selector-pseudo-class-lvhfa --save-dev 用法 将此配置添加到您的.stylelintrc : { " plugins " : [ " stylelint-selector-pseudo-class-lvhfa " ], " rules " : [ " plugin/...

    CSS 伪类(Pseudo-classes)

    selector.class:pseudo-class {property:value;} anchor伪类 在支持 CSS 的浏览器中,链接的不同状态都可以以不同的方式显示 实例 a:link {color:#FF0000;} /* 未访问的链接 */ a:visited {color:#00FF00;} /* 已...

    CSS Quick Syntax Reference

    How to apply CSS selectors: structural pseudo-classes, the negation pseudo-class, interaction pseudo-classes, pseudo-elements, and media queries How to use CSS property references like universal ...

    伪类选择器的使用和语法

    其中,selector 是选择器,pseudo-class 是伪类的名称,property 是属性,value 是属性值。 例如,a:hover { color: green; } 就是将超链接的悬浮状态的颜色设置为绿色。 三、案例演示 1. 超链接的伪类选择器 a:...

    java7帮助文档

    The ThreadLocalRandom class eliminates contention among threads using pseudo-random numbers; see Concurrent Random Numbers. The Phaser class is a new synchronization barrier, similar to CyclicBarrier...

    libsvm-3.17

    You can also find a pseudo code there. (how to cite LIBSVM) Our goal is to help users from other fields to easily use SVM as a tool. LIBSVM provides a simple interface where users can easily link it...

    Matlab时频分析工具箱及函数应用说明

    % istfr2 - returns true if a distribution is Cohen's class type 2 (Wigner-Ville) % istfraff - returns true is a distribution is an affine class member % kaytth - Kay-Tretter filter computation. % ...

    Firefox Beta 13.0 b7

    NEW When opening a new tab, users are now presented with their most visited pages ...The :invalid pseudo-class can now be applied to the element DEVELOPER The CSS turn &lt;angle&gt; unit is now supported

    模式识别 中科院刘成林 作业一

    ≤ (c−1)/c (d) Describe a situation for which P(error) = (c−1)/c Question 2 (Pattern Classification, Chapter 2, Problem 13) In many pattern classification problems one has the option either to ...

    CSS3 target伪类简介

    - [Red Team Design - Get to Know Your CSS3 Target Pseudo-Class](http://www.red-team-design.com/get-to-know-your-css3-target-pseudo-class) - [CSS-Tricks - CSS3 Tabs](http://css-tricks.com/css3-tabs/) ...

    OpenGL development cookbook

    We will take a look at several algorithms for volume rendering, namely view-aligned 3D texture slicing, single-pass GPU ray casting, pseudo-isosurface rendering, splatting, polygonal isosurface ...

    事件:Hoa \ Event库

    Hoa是一组模块化,可扩展和结构化PHP库。 此外,Hoa旨在成为工业界和研究界之间的桥梁。... 在Hoa中,事件通道具有以下形式: hoa://Event/LibraryName/AnId:pseudo-class#anAnchor 。 例如, hoa://Event/Ex

    touchFeedback:TouchFeedback.js是一个用于在移动浏览器中进行触摸反馈的库;所有功能仅以2kb实现;

    指数介绍对于触摸反馈,最常用的方法是active pseudo class和HTML Anchor Element (&lt;a&gt;) 。但是经过测试,这两种方法都有一些问题。最明显的问题是feedback delay (就像单击延迟一样)。您可以避免这种情况通过添加...

    在同一页面设置不同文字链接效果的样式.rar

    &lt;a class="special-link" href="http://www.example.com"&gt;这是一个特别的链接&lt;/a&gt; ``` ```css .special-link { color: green; font-size: 18px; } ``` 在实际开发中,你可能还会遇到需要根据链接在页面中的位置...

    pseudohover:在鼠标悬停时突出显示具有相同href的所有链接

    伪装一个很小的脚本,使您能够在鼠标悬停时突出显示具有相同href属性的所有链接。 在所有现代浏览器中均可使用...}/* add selector for .js-hovered class */a : hover , a . js-hovered { text-decoration : none;}

    CE中文版-启点CE过NP中文.exe

    Here's a new version for the hollidays. Mainly minor improvements and some small bugfixes, but also a new 'ultimap like' feature called Code Filter for which you don't need any special hardware for. ...

    Bootstrap Tabs选项卡切换代码.zip

    &lt;a class="nav-link" id="profile-tab" data-toggle="tab" href="#profile" role="tab" aria-controls="profile" aria-selected="false"&gt;个人资料&lt;/a&gt; ... &lt;div class="tab-content" id="myTabContent"&gt; &lt;div ...

Global site tag (gtag.js) - Google Analytics